reactjs - 从导入的组件渲染

Question

我在前端有一个组件，但代码变得非常大，想尝试拆分它，以便所有渲染样式都在不同的组件中完成。

我尝试使用 map 函数，但收到关于 map 不是函数的错误，可能是因为我想要传递的状态不是数组？

我想要的是这样的：父组件->传递所有状态->子组件

然后，子组件就可以使用 this.state.value 来显示

在这种情况下代码变得太大时，是否有一种很好且简单的方法来拆分代码？它会根据条件呈现 2 种不同的外观，这就是它开始变大的地方。

标签： reactjs

Answer 1

两种不同的外观可以创建为两个不同的组件，并且可以将父组件的状态作为道具传递给子组件。

在父组件中，您可以使用条件渲染来根据条件显示您想要的子组件。