Je veux créer un tableau de tableau dans réactjs strong> et le rendre. Actuellement,
J'ai un tableau et je pousse un composant et il est rendu sur l'écran. Cependant, ce que je veux, c'est qu'après avoir effectué ma deuxième sélection, les premier et second composant doivent être vus à l'écran. render(){
return(
<RaisedTextButton
titleColor="white"
title={'Add Question'}
onPress={() => this.openDialog()}
/>
<FormDialog
title={'Select the kind of rating'}
visible={this.state.visible}
onRequestClose={()=>this.submitDialog()}
onSubmit={()=>this.hideDialog()}
>
<Select
label='Label '
options={[
{_id: '1', name: 'NumberRating'},
{_id: '2', name: 'StarRating'},
{_id:'3', name: 'PollRating'}
]}
labelKey="name"
onChange={(value) =>this.questionType(value)}
valueKey="_id"
isValueObject={!false}
/>
</FormDialog>
{this.renderQuestions()}
</View>
);}
4 Réponses :
Changez votre code code> de retour code> avec ce code. En fait, lorsque vous appelez la méthode ID retour de rendu () code> il doit renvoyer jsx code> ou du texte. Mais la variable est JS CODE> et ce n'est pas lui-même écarté des pièces d'être Render () Code>. Vous devez mais chacun des composants de la matrice dans un conteneur, puis renvoyez-le return (
<div className="container">
{questions.map(question => (question))}
</div>
)
Ou juste {... Questions} code>
Vous pouvez avoir un tableau code> dans l'état fort> du composant, qui contient la sélection NoteType en cliquant sur le bouton et dans le rendu () Code> Basé sur le tableau rendu les composants. Constructor(){
super();
this.state={
questions:[]
}
}
return (
<React.Fragment>
{this.renderQuestions().map(question => question)}
</React.Fragment>
)
Here, this.renderQuestions() returns array. This needs to be wrapped with single node (Either div or if you dont have to use div, you can use React.Fragment)
une pensée; Votre Deux options pour les listes de rendu: p> si-ele-ele-si code> Les succursales ne peuvent jamais vous permettre de rendant l'un de vos éléments de notation. Est-ce destiné? Cela n'a rien à voir avec les listes de rendu; Just JavaScript.