首页 > 解决方案 > 将道具从孩子发送到父母返回类型错误:_this.props.removeEl 不是函数

问题描述

我从 currencyDropdown.js 向 panelDropdown.js 组件发送一个 li 项目,但它返回的 prop 不是函数

currencyDropdown.js

method

setCurrency = (currency) => {
  this.props.dropCurrency(currency);
}

<div className="all_currrency">
  <ul>
    {
      this.props.currencies.map((currency) => (

        <li key={currency.name} onClick={() => {
          this.setCurrency(currency)
        }}>
          <div className="currenct_item">
            <div className="currency_flag">
              <img src={currency.flag} alt=""/>
            </div>
            <div className="currency_name">
              <span>{currency.name}</span>
            </div>
          </div>
        </li>

      ))
    } </ul>
</div>

panelDropdown.js

method

setCurrency = (currency) => {
  this.setState({currentCurr: currency.name, currentFlag: currency.flag});
  this.props.removeEl(currency); // this is giving the error removeEl is not a function
}


<CurrencyItems dropCurrency={this.setCurrency} currencies={this.props.all_currencies}/>

标签: javascriptreactjsnext.js

解决方案


推荐阅读