将数据从子节点传递到父节点和父节点以分派动作创建者

Question

我有一个名为“subject”的子组件，我在其中调用函数calculateSubjects

    calculateSubjects(){
      // doing some calculation
     this.props.calculatedValueOfSubjects(data)
   }

现在我有一个父组件“class”，我将子组件“subject”称为

<Subjects calculatedValueOfSubjects= {(data) =>this.props.onCalculatedValueOfSubjects(data)} />

// map dispatch to props
    const mapDispatchToProps = dispatch => {
      return {
        onCalculatedValueOfSubjects: (data) => dispatch(actions.changeCalculatedValue(data))
      }
    }

因此，每当我将数据从子节点传递给父节点并从父节点传递给调度操作时，当我在动作创建器和缩减器中创建console.log时，它就是无限循环。那么最好的方法是使用dispatch

将数据从子节点传递给父节点，从父节点传递给动作创建者

Answer 1

从子组件调用时使用箭头功能。

calculateSubjects =（）=＆GT; {}