तो मेरे पास पंक्तियों और डेटा के साथ गतिशील रूप से प्रस्तुत तालिका है, जो मुझे डीबी से मिल रही है। तालिका में प्रत्येक पंक्ति में विशेष बटन 'शोऑप्शन' होता है। उस टीडी तत्व में मैं घटक विकल्पमेनू प्रस्तुत करना चाहता हूं, अगर वह बटन क्लिक किया गया था। लेकिन मैं तर्क नहीं समझ सकता कि यह कैसे करें?

विकल्पमेनू घटक प्रत्येक तालिका पंक्ति के लिए समान है, समान विकल्पों के साथ, लेकिन विकल्प फ़ंक्शन पर एक पैरा के रूप में अलग आईडी। अगर मुझे इसकी आवश्यकता है तो मैं समझ नहीं पा रहा हूं कि विशेष स्थान (विशेष पंक्ति के लिए टीडी) में घटक कैसे प्रस्तुत किया जाए। कृपया सहायता कीजिए! यहाँ कोड का उदाहरण है

यह गतिशील रूप से तालिका के लिए डेटा प्राप्त कर रहा है।

let tableData = ''

    if (this.state.agents) {
      tableData = this.state.agents.map(agent => (
        <tr key={agent.id}>
          <td>
            <UserAvatar size='26' url={agent.avatar} />
          </td>
          <td>
            {agent.lastName + ' ' + agent.name + ' ' + agent.middleName}
            <br />
            <span className='OnlineRowCounter'>Последняя активность: 1</span>
          </td>
          <td>{agent.role}</td>
          <td>1</td>
          <td>1</td>
          <td>{agent.phone}</td>
          <td>{agent.manager}</td>
          <td>
            <div className='OptionsButton-Container'>
              <IconicButton type='options' clicked icon='list-ul' />
              {/* //Here i want to render component below. If i leave as it is, every row will have this component. Ofcourse i can hide it and show in special row i guess, but is it will be the right solution? */}
              <OptionsMenu options={tableRowOptions}/> 

            </div>
          </td>
        </tr>
      ))
    }
0
WhoIsDT 10 मई 2019, 09:11

1 उत्तर

सबसे बढ़िया उत्तर

1. राज्य में एक खाली सरणी बनाएँ। 2. और फिर जब क्लिक किया जाता है तो चयनित आइटम को सरणी में धक्का दें। शो विकल्पों में क्लिक करें जो विवरण आप चाहते थे यानी एजेंट 4। इसे शर्त के आधार पर प्रस्तुत करें। State.array.includes (एजेंटनाम)। 5. टीडी प्रस्तुत करने के लिए टुकड़े का प्रयोग करें।

0
ctg 10 मई 2019, 06:22