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

时间:2016-04-20 14:10:52

标签: meteor reactjs react-redux

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

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)
  );

非常感谢!

1 个答案:

答案 0 :(得分:5)

你应该看看React-Komposer,它具有redux和流星跟踪器的功能。

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

使用komposer,您将获得两个参数propsonData

props是传递给容器的道具,onData是要发送到撰写组件的新道具。

现在将两个系统连接在一起,我不肯定这会起作用或者是最好的解决方案,但我认为你可以做这样的事情

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