Question

我正在练习React-Redux。我知道这个问题听起来很简单......但我无法弄清楚如何解决它。我有一个将生成一个对象的函数。我想将它传递给商店，但我不知道如何在没有用户操作的情况下触发操作（例如，单击按钮）。

const MyComponentA = () => (
    <BuiltInCompoment propA={data} propB={ FunctionA } />
)
function FunctionA(object) {
      ...
      FunctionB(object.property) 
}

函数FunctionB将返回一个对象（或者可能是JSON文件）。那么如何将该对象（或json）传递给商店 - 以便在另一个组件中使用它？

下面我展示了我的最后一次尝试。我知道这是错的，没有多大意义。但也许它可以更清楚地说明我想要的东西（将数据传递给存储，以便将其呈现在不是容器子元素的不同组件中）。＆＃34; BiultInComponent＆＃34;无法修改以包含道具＆＃34;结果数据＆＃34;。我是一个新手，所以很可能我错了一些点/假设。

   class MyContainerA extends Component  {
       render() 
         return (
             <BuiltInCompoment propA={data} propB={ FunctionA } />
        )
    }

   function matchDispatchToProps(dispatch){
        return bindActionCreators({resultingData: resultingData}, dispatch);
    }

function FunctionA(object) {

      ...
      var dataToPassToStore = FunctionB(object.property);
      return this.props.resultingData(dataToPassToStore) 
}

exports default connect(matchDispatchToProps)(MyContainerA)

欢迎任何建议。感谢。

Answer 1

调查调度actions和reducers。我相信这两个都是redux的核心，将帮助你实现你想要做的事情。

Redux React - 如何在没有用户事件的情况下更新商店？

1 个答案: