meteor - 如何在Meteor 1.3应用程序中结合react-redux和react-meteor-data？

Question

如何使用 react-redux 中的 state 属性来指定 react-meteor-data 注入(inject)的数据？

react组件的结构如下:

  import React from "react";
  import {createContainer} from "meteor/react-meteor-data";
  import {connet} from "react-redux";
  import {Data} from "./data.js"

  class App extends React.Component {
     render() {
        return (
           <div>
              {JSON.stringify(this.props.profile)}
           </div>
        );
     }   
  }
  const mapStateToProps = state => ({
      ID: state.dataId    // ID gets assigned to props here
  });

  export default createContainer(
      () => ({
         profile: Data.findOne({_id: >>>ID<<<})   // ID is needed here
      }), 
      connect(mapStateToProps)(App)
  );

非常感谢!

Answer 1

你应该看看 React-Komposer，它具有 redux 以及 meteor 跟踪器的功能。

https://github.com/kadirahq/react-komposer

使用 komposer 你会得到两个参数 props 和 onData

props 是传递给容器的 props，onData 是要发送到组合组件的新 props。

现在，为了将两个系统连接在一起，我不确定这是否有效或者是最好的解决方案，但我认为您可以这样做

connect(mapStateToProps)(composeWithTacker(onPropsChange)(App))