Javascript 如何在React中将对象的Json数组从子类组件传递到父类组件?

Javascript 如何在React中将对象的Json数组从子类组件传递到父类组件?,javascript,reactjs,Javascript,Reactjs,在类组件的内部,我有一个充当索引的状态变量。我创建了另一个类组件Questions,它将从JSON文件中读取,我想将其传递给琐事,如下所示: ... questions = <Questions index="{currentQuestion}"/> return ( <div> <div>{finished ? "You are done" : questions.question }

在类组件的内部,我有一个充当索引的状态变量。我创建了另一个类组件Questions,它将从JSON文件中读取,我想将其传递给琐事,如下所示:

...
 questions = <Questions index="{currentQuestion}"/>

   return (
     <div>
       <div>{finished ? "You are done" : questions.question }</div>
...

我在您提交的代码中看到了几个问题

首先,在传递道具时,不需要使用字符串:

questions = <Questions index={currentQuestion}/>

希望这些评论能帮助您走上正轨。

我在您提交的代码中看到一些问题

首先,在传递道具时,不需要使用字符串:

questions = <Questions index={currentQuestion}/>

希望这些评论能帮助您走上正轨。

对于长期开发,您应该使用Redux来实现这一目的,但是如果您的组件很少,您仍然可以使用回调函数。有些类似于此

对于长期开发,您应该为此使用Redux,但是如果您的组件很少,您仍然可以使用回调函数
。有些人是这样做的,我从question组件内部的json访问了
.question
属性,它工作了。那么,我应该始终使用JSX内联而不是将其分配给变量吗?这有什么原因吗?也许是一个更好的组织?就我个人而言,我认为把JSX放在一起读起来更好,但是没有技术上的理由不能把它放在一个变量中。在本例中,似乎没有理由创建一个变量。他们创建了变量,我从question组件内部的json访问了
.question
属性,它成功了。那么,我应该始终使用JSX内联而不是将其分配给变量吗?这有什么原因吗?也许是一个更好的组织?就我个人而言,我认为把JSX放在一起读起来更好,但是没有技术上的理由不能把它放在一个变量中。在本例中,似乎没有理由创建变量。
 return (
   <div>
     <div>{finished ? "You are done" : <Questions index={currentQuestion}/> }</div>

     {buttonBack}
     {buttonNext}
   </div>
 );
}
}