使用react reorder將函數傳遞給子組件

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 is not defined”，所以我不知道我錯了什么。 我無法解決它。

Answer 1

嘗試使用sharedProps={this._changeStatusReorder} 。 並使用this.props.sharedProps()在子組件中使用