Reactjs React—传递数据的嵌套级别_Reactjs

Reactjs React—传递数据的嵌套级别

reactjs

Reactjs React—传递数据的嵌套级别,reactjs,Reactjs,我在某个地方读到，将状态放在父级most组件中是一种良好的做法或常见做法，但父级most组件是应用程序，对吗？在某些情况下，应用程序组件中可能不需要状态。我想知道在应用程序中使用状态组件是一个好主意还是开发者通常会做的事情我这样问是因为在我目前正在构建的应用程序中，我可能需要将状态提升到父most组件（应用程序）才能将数据传递给所有子级。但是，这样做意味着我还需要进行两级嵌套，例如： class App extendes Component { render() { <React.F

我在某个地方读到，将状态放在父级most组件中是一种良好的做法或常见做法，但父级most组件是应用程序，对吗？在某些情况下，应用程序组件中可能不需要状态。我想知道在应用程序中使用状态组件是一个好主意还是开发者通常会做的事情

我这样问是因为在我目前正在构建的应用程序中，我可能需要将状态提升到父most组件（应用程序）才能将数据传递给所有子级。但是，这样做意味着我还需要进行两级嵌套，例如：

class App extendes Component {
 render() {
 <React.Fragment>
  <main className="container">
    <FirstLevel data={this.state.mainData} moreData={this.state.moreData} />
  </main>
</React.Fragment>
 }
}

class应用程序扩展组件{
render（）{
}
}

第一级组件还有另一个组件也需要来自州的数据：

const FirstLevel = props => {
 return (
  <div>
   <p>This is first level child</p>
    <SecondLevel moreData={this.props.moreData} />
  </div>
 );
}

const FirstLevel=props=>{
返回(
这是一级儿童
);
}

很容易理解为什么这里会变得混乱，我使用Sass，我知道我们不应该超过3级嵌套。我想知道在React中，什么级别的嵌套被认为是不好的做法，或者上面的例子是否正确，但我不应该嵌套得比这更深。

不建议在一个级别嵌套后通过道具。有像

Redux

，

Mobx

这样的库。我个人使用Redux，因为您可以全局管理整个应用程序状态，而不用担心组件的层次结构。