-1
votes

Rendre un tableau de tableau dans ReactJS

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>
  );}


0 commentaires

4 Réponses :


0
votes

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>
        )


1 commentaires

Ou juste {... Questions}



0
votes

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:[]
  }
}


0 commentaires

1
votes
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)

0 commentaires

0
votes

une pensée; Votre si-ele-ele-si 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.

Deux options pour les listes de rendu: xxx


0 commentaires