相关疑难解决方法(0)

我在SocketIO的帮助下创建了一个小型ReactJS仪表板,用于实时更新.即使我有仪表板更新,但是我不知道我是否正确地做了它.

最让我烦恼的是getInitialState中的道具作为反模式帖子.我创建了一个仪表板,可以从服务器获取实时更新,除了加载页面之外不需要用户交互.从我所读到的,this.state应该包含将决定是否应该重新渲染组件的东西,并且this.props....我还不知道.

但是,当您最初打电话时React.render(<MyComponent />, ...),您只能传递道具.在我的情况下,我从服务器获取所有数据,因此最初的道具最终都会结束this.state.所以我的所有组件都有这样的东西:

getInitialState: function() {
    return {
        progress: this.props.progress,
        latest_update: this.props.latest_update,
        nearest_center: this.props.nearest_center
    }
}

除非我误解了上述博客文章,否则这是一种反模式.但我没有看到将状态注入Component的其他方法,我不明白为什么它是一个反模式,除非我重新标记我的所有道具以前置initial它们.如果有的话,我觉得这是一个反模式,因为现在我必须跟踪比以前更多的变量(那些前置的initial和那些没有的).