Как динамически передавать реквизиты в список объектов?

Как динамически передавать реквизиты в список объектов?

Я пытаюсь получить строку choice_text из одного choice из набора choices в моем бэкэнде и передать его в const pollAnswers для дальнейших манипуляций там.

Я пытаюсь получить список choice_text из бэкэнда, передать его как {props.choice} и сохранить в const MyPollAnswers = props ={amp}gt; {amp}lt;li{amp}gt;{props.choice}{amp}lt;/li{amp}gt;; , Затем я надеялся извлечь отдельные параметры choice_text в качестве значений параметров, как в моем const pollAnswers . Моя проблема: я понятия не имею, как передать мой props.choice в качестве значения конструкции { option: 'value', votes: 0 }, . После манипуляций, я должен сделать это через answers={pollAnswers} . Я ожидаю, что после всех манипуляций, я choice_text в кнопках ответа на экране.

 ... render(){ return ( {amp}lt;div{amp}gt;{this.state.choices? {amp}lt;p{amp}gt; {amp}lt;PollQuestion choice={this.state.choices.slice(0, 1).map(choice ={amp}gt; {amp}lt;li{amp}gt;{choice.choice_text}{amp}lt;/li{amp}gt;)} /{amp}gt; {amp}lt;/p{amp}gt; :null} {amp}lt;/div{amp}gt; ) } }; ... PollQuestion.js: ...(imports) const MyPollAnswers = props ={amp}gt; {amp}lt;li{amp}gt;{props.choice}{amp}lt;/li{amp}gt;; const pollAnswers = [ { option: 'choice_text1', votes: 0 }, { option: 'choice_text2', votes: 0 } ] const MyPollQuestion = props ={amp}gt; {amp}lt;li{amp}gt;{props.quest}{amp}lt;/li{amp}gt;; class PollQuestion extends Component { state = { pollAnswers: [...pollAnswers] } // Handling user vote // Increments the votes count of answer when the user votes handleVote = voteAnswer ={amp}gt; { const { pollAnswers } = this.state const newPollAnswers = pollAnswers.map (answer ={amp}gt; { if (answer.option === voteAnswer) answer.votes   return answer }) this.setState({ pollAnswers: newPollAnswers }) } render () { const { pollAnswers } = this.state return ( {amp}lt;div{amp}gt; {amp}lt;Poll question={{amp}lt;MyPollQuestion quest={this.props.quest[0]} /{amp}gt;} answers={pollAnswers} onVote={this.handleVote} /{amp}gt; {amp}lt;Poll question={{amp}lt;MyPollQuestion quest={this.props.quest[1]} /{amp}gt;} answers={pollAnswers} onVote={this.handleVote} /{amp}gt; {amp}lt;p{amp}gt;It also works{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; ); } }; ...(export)``` 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector