Ошибка типа: _this.props.onSave не является функцией

Question

Я пытаюсь создать простое приложение для блога, используя Далее js (React + Typescript) , и я получаю эту ошибку

TypeError: _this.props.onSave не является функцией

Как я могу устранить эту ошибку? Я уже задавал запрос на stackoverflow об этом, но пока не повезло. Это ссылка: this.props.onSave не является функцией - ошибка Uncaught typcript

Я перепробовал все, от привязки до буквально отладочных строк. Как я могу устранить эту ошибку?

Answer 1

Эта ошибка в основном говорит о том, что вы не передали prop onSave на этот компонент или передали его, но каким-то образом неправильно.

Советую, используйте console.log(this.props) или console.log(this.props.onSave), чтобы найти из того, что вы действительно передали.

Кроме того, обратите на это внимание, просто убедитесь, что вы передаете функцию, а не ее возвращаемое значение

class Parent extends Component {

    myCustomMethod() {
        console.log("call me ");
    }

    render() {

        //incorrect
        //return <MyCustomComponent callback={this.myCustomMethod()} />;

        //this one is correct, without parentheses
        return <MyCustomComponent callback={this.myCustomMethod} />;
    }
}