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