reactjs – React.js“不变违规：findComponentRoot”

发布时间：2020-12-15 20:43:56 所属栏目：百科来源：网络整理

导读：我知道错误来自嵌套的东西和嵌套的_.map函数,但我无法弄清楚如何做到这一点. 下面是渲染函数的一部分：我想做的是：检查是this.props.currencylist存在然后显示 select落下使用 options来自this.props.currencylist { this.props.currencylist ? select

我知道错误来自嵌套的东西和嵌套的_.map函数,但我无法弄清楚如何做到这一点.

下面是渲染函数的一部分：

我想做的是：

>检查是this.props.currencylist存在
>然后显示< select>落下
>使用< options>来自this.props.currencylist

{ 
  this.props.currencylist ?
  <select  id="fiatselector" onChange={this.onSelectCurrency} value {this.props.selectedcurrency}>
  { 
     _.map(this.props.currencylist,function(currency) { 
       return <option value={currency}> {currency} </option>  
     })
  }
  </select>
  : 
  ""
}

非常感谢！

顺便说一句,在第一次渲染时它完美运行,当必须更新时会出错,使用新的货币列表重新渲染会触发错误

这里的实际问题是值周围的空间.

<option> {x} </option>

它应该是：

<option>{x}</option>

前者最终呈现：

<option><span> </span>{x}<span> </span></option>

浏览器删除了span包装器,但React仍然期望它们在那里.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!