使用 ref 更改组件道具答案

【问题标题】：Change Component props using ref使用 ref 更改组件道具
【发布时间】：2020-11-10 22:15:33
【问题描述】：

我想使用组件的 ref 对象向组件添加一个 prop。对于上下文，我有一个有条件渲染的对象列表，我使用 ref 在单击时滚动到组件，但我还希望它在单击操作发生时更改道具


...
return(
  [
    {
       name: 'Toyota',
       year: '2020'
     },
      {
       name: 'BMW',
       year: '2020'
     },
  ].map(({name, year})=>{

   <someComponent ref={refName}> 

  </someComponent>

})
<a onClick={()=>{refName.ChangeComponentProps}}>Click me!</a>
)

【问题讨论】：

标签： reactjs react-redux ref

【解决方案1】：

作为React Docs 状态：不要过度使用引用

Refs 可用于设置滚动，但对于更改道具之类的事情，您需要定义一个函数以在该onClick 中调用，并在该函数中更新一些状态，然后根据该状态选择哪个道具被传递到组件中。

【讨论】：