得到：错误TypeError：_this.props.saveFileInputAnswer不是函数

Question

当我在下面进行呼叫时，我想将URL传递给this.props.saveFileInputAnswer但收到一条错误消息，指出Error TypeError: _this.props.saveFileInputAnswer不是函数。 saveFileInputAnswer在父组件中定义，在当前组件中称为props。

Axios({
  url: CLOUDINARY_URL,
  method: "POST",
  skipAuthorization: true,
  headers: {
    "Content-Type": "application/x-www-form-urlencoded"
  },
  data: fd
})
  .then(response => {
    this.getFileUrl(response.data.secure_url);

    if (response.statusText === "OK") {
      this.setState({ isLoading: false });
      //console.log(this.state);
      toast("File Upload Successful");
      this.props.saveFileInputAnswer(
        this.state.fileUrl,
        this.props.item._id
      );
    }
  })
  .catch(error => {
    console.log("Error", error);
  });

Answer 1

好像您没有将saveFileInputAnswer作为道具传递给Child组件。 您需要将saveFileInputAnswer传递给Child组件。 由于您尚未共享父组件的外观，因此请考虑以下示例，以更好地理解

考虑您在组件A中声明了saveFileInputAnswer。

     class AComponent extends Component{

            saveFileInputAnswer = () => {

            }

            render(){
                 return(
                     <div><BComponent saveFileInputAnswer={this.saveFileInputAnswer} /></div>
                 )
             }
     }

现在，在组件B中，您可以访问this.props.saveFileInputAnswer