react 结合websocket如何实现根据请求数据动态增加节点

Question

我想实现一个现实日志的框，框中的内容将由长链接不断推送过来，如何根据推送过来的内容不增在框中增加节点，显示内容，或者是否有这样的库实现了这样的功能

Answer 1

用数据驱动开发。
你源源不断的数据看做维护一个 state ，当 state 发生更改时，在 React 中 DOM 自然会重新 render。

举例：

this.state = {
    dataStore: []
};


websocket.on('update',(newDataItem) => {
    var _dataStore = this.state.dataStore.push(newDataItem);
    this.setState({dataStore: _dataStore});
});

<div>
    this.state.dataStore.map((e, i) => {
        return (
            <div key={i}> {e.name} </div>
        );
    });
</div>