Javascript 如何通过createContainer（如meteor.js或relay.js）传递react.js数据

我喜欢在meteor和relay.js的

react.js

中接收数据的概念。 例如

meteor.js

，在

createContainer

中，我从localstorage获取数据：

class App extends Component {
  render(){
    return (<div>{this.props.doc}</div>);
  }
}
export default createContainer( () => {
  subscribe('doc');
  return { doc:Docs.find() };
}, App);

如何实现这样一个功能，从

websocket

接收数据？ 我可以想象这样的代码：

class App extends Component {
  render(){
    return (<div>{this.props.doc}</div>);
  }
}
export default createContainer( () => {
  return { doc:Docs.find() };
}, App);

ReactDOM.render(<App>, document.getElementById('root'));


function createContainer(options, callback) { 
   var props;
   var socket = new WebSocket("ws://localhost:8081");
   socket.onmessage = function(event) {
       props = event.data;
   };
   <callback data={props}>
}

import React from 'react';
export default function createContainer(options = {}, Component) {
  return React.createClass({
    displayName:'DataContainer',    
    render() { return <Component data=options />; },
  });
}

类应用程序扩展组件{
render（）{
返回（{this.props.doc}）；
}
}
导出默认createContainer（（）=>{
返回{doc:Docs.find（）}；
}，App）；
ReactDOM.render（，document.getElementById（'root'））；
函数createContainer（选项，回调）{
var道具；
var socket=newwebsocket（“ws://localhost:8081”）；
socket.onmessage=函数（事件）{
props=event.data；
};
}

---

我不完全理解如何最好地编写，所以请帮助。

我看起来像是在

meteor.js中使用的。我明白它应该如何工作。只需要创建一个函数，返回
react.js
组件。并传递参数和组件本身以及所有。在
createContainer
函数中，已经可以从
websockets
获取数据或从
indexDB
取出数据

如果非常简单，它可能会如下所示：

class App extends Component {
  render(){
    return (<div>{this.props.doc}</div>);
  }
}
export default createContainer( () => {
  return { doc:Docs.find() };
}, App);

ReactDOM.render(<App>, document.getElementById('root'));


function createContainer(options, callback) { 
   var props;
   var socket = new WebSocket("ws://localhost:8081");
   socket.onmessage = function(event) {
       props = event.data;
   };
   <callback data={props}>
}

import React from 'react';
export default function createContainer(options = {}, Component) {
  return React.createClass({
    displayName:'DataContainer',    
    render() { return <Component data=options />; },
  });
}

从“React”导入React；
导出默认函数createContainer（选项={}，组件）{
返回React.createClass({
displayName:'DataContainer'，
render（）{return；}，
});
}

meteor中组件的完整代码如下所示：

我看起来像是在
meteor.js
中工作。我明白它应该如何工作。只需要创建一个函数，返回
react.js
组件。并传递参数和组件本身以及所有。在
createContainer
函数中，已经可以从
websockets
获取数据或从
indexDB
取出数据

如果非常简单，它可能会如下所示：

class App extends Component {
  render(){
    return (<div>{this.props.doc}</div>);
  }
}
export default createContainer( () => {
  return { doc:Docs.find() };
}, App);

ReactDOM.render(<App>, document.getElementById('root'));


function createContainer(options, callback) { 
   var props;
   var socket = new WebSocket("ws://localhost:8081");
   socket.onmessage = function(event) {
       props = event.data;
   };
   <callback data={props}>
}

import React from 'react';
export default function createContainer(options = {}, Component) {
  return React.createClass({
    displayName:'DataContainer',    
    render() { return <Component data=options />; },
  });
}

从“React”导入React；
导出默认函数createContainer（选项={}，组件）{
返回React.createClass({
displayName:'DataContainer'，
render（）{return；}，
});
}

meteor中组件的完整代码如下所示：

这是一个很好的问题。我也有兴趣了解这一点。@Yumiko我找到了下面这个问题的答案。这是一个很好的问题。我也有兴趣了解这一点。@Yumiko我找到了下面这个问题的答案。