使用react reorder将函数传递给子组件

时间:2017-02-24 09:09:43

标签: javascript reactjs react-redux

我坚持将函数传递给Reorder的子组件

父组件(代码的某些部分)

import Reorder from 'react-reorder';
constructor() {
  super();
  this._bind(
    '_changeStatusReorder'
  );
  this.state = {
    status: true
  };
}

  _changeStatusReorder() {   //my function
    console.log('_changeStatusReorder');
    this.setState({
      status: false
    });
  }

return (
      <div className={styles.main}>
        <Reorder
          ...
          ...
          sharedProps={{changeStatus: this._changeStatusReorder}} //pass function to props
        />
      </div>
    );

和子组件

_handleMouseDown() {

    const {sharedProps: {changeStatus}} = this.props;
    console.log(sharedProps);  //try to see at console

    setTimeout(() => {

    },0);

  }

我在控制台中得到了“Uncaught ReferenceError:sharedProps”,所以 我不知道我错了什么。我无法解决它。

1 个答案:

答案 0 :(得分:0)

尝试使用sharedProps={this._changeStatusReorder}。并在this.props.sharedProps()

的子组件中使用