我正在嘗試將一個函數(shù)傳遞給一個子組件,該函數(shù)將觸發(fā)邏輯,在按下按鈕后在我的網(wǎng)頁上顯示一個簡單的文本表單,但我收到錯誤消息:類型錯誤:this.props.changeFormStatus 不是函數(shù)下面是父組件的代碼:import React from 'react';import ReactDom from 'react-dom';import RenderIcon from "./RenderIcon";import RenderForm from "./RenderForm";class RetroColumn extends React.Component { constructor(props) { super(props); this.state = {formStatus:false}; this.changeFormStatus = this.changeFormStatus.bind(this); } changeFormStatus() { this.setState({formStatus:true}); } render() { return ( <div className="column"> <div className="ui segment"> <h1 className="ui header"> <RenderIcon iconName="minus" iconMeaning="Remove"/> {this.props.columnName} <RenderIcon iconName="plus" whenUserClicks={this.changeFormStatus} iconMeaning="Add"/> </h1> <RenderForm revealForm={this.state.formStatus}/> </div> </div> ); }};export default RetroColumn;這是子組件的代碼:import React from 'react';import ReactDom from 'react-dom';class RenderIcon extends React.Component{ constructor(props){ super(props); } whenUserClicks() { console.log(this.props); this.props.changeFormStatus(); }; render() { return ( <div className="ui vertical animated button" tabIndex="0" onClick={this.whenUserClicks()}> <div className="hidden content">{this.props.iconMeaning}</div> <div className="visible content"> <i className={`${this.props.iconName} icon`}></i> </div> </div> ); }}export default RenderIcon;
嘗試將函數(shù)傳遞給子組件時出現(xiàn)“TypeError: this.props.change
一只萌萌小番薯
2021-10-29 15:06:13