javascript - 使用 react 重新排序将函数传递给子组件

Question

我一直坚持将函数传递给 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 未定义”，所以我不知道我做错了什么。我解决不了。

Answer 1

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