从导入的组件渲染

Question

我在前端有一个组件，但是代码已经变得很大，并且想要尝试对其进行拆分，以便所有呈现样式都在不同的组件中完成。

我尝试使用map函数，但是由于map不是函数而出错，可能是因为我要传递的状态不是数组？

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

然后，子组件只能使用this.state.value进行显示

在这样的情况下（如果代码太大），是否存在一种很好的简便方法来拆分代码？它会根据条件呈现2种不同的外观，因此它开始变得很大。

Answer 1

可以将两个不同的外观创建为两个不同的组件，并且可以将父组件的状态作为prop传递到子组件中。

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