ReactJS：如何在呈现组件时传递初始状态？

Question

我知道我可以在呈现组件时传递道具。我还知道getInitialState方法。但问题是，getInitialState不太有用，因为我的组件不知道它的初始状态。我有。所以我想在渲染的时候传递它。

类似这样的内容（伪代码）：

React.render(<Component initialState={...} />);

我该怎么办？

假设我有一个commentlist组件。当我第一次呈现它时，初始状态与数据库中当前注释的快照相对应。当用户包含注释时，该列表将发生更改，这就是为什么它应该是状态而不是道具。现在，为了呈现注释的初始快照，我应该将它传递给commentslist组件，因为它无法知道它。我感到困惑的是，传递这些信息的唯一方法是通过道具，这似乎是一个反模式。

Answer 1

只有永久组件才能使用GetInitialState中的道具。如果同步是您的目标，GetInitialState中的道具是反模式。GetInitialState仅在组件首次创建时调用，因此可能会引发一些bug，因为真理的来源不是唯一的。检查这个答案。

引用文档：

使用从父级传递下来的道具在getInitialState中生成状态通常会导致“真实源”（即真实数据所在的位置）的重复。只要有可能，随时计算值，以确保它们不会在以后不同步而引起维护麻烦

getInitialState: function() {
   return {foo: this.props.foo}
}

<span>{this.props.foo}</span>

在这种情况下，您的初始状态不应该是prop，而应该是填充注释列表的ajax调用。