有以下块:
<MDBCol md="4">
<div className="branch" onClick={func}>
<h5>Врач хирург</h5>
</div>
</MDBCol>
<MDBCol md="4">
<div className="branch" onClick={func}>
<h5>Врач терапевт</h5>
</div>
</MDBCol>
<MDBCol md="4">
<div className="branch" onClick={func}>
<h5>Врач кардиолог</h5>
</div>
</MDBCol>
我可以在单击时以某种方式从它们那里获取值,以便将其存储在内存中吗?
让我们创建一个函数并调用它
addValueToArray
,它将附加到所有包含需要在单击时检索并保存的描述的 div。值将存储在values
组件状态下的数组中。在将新值保存到状态时,我使用了扩展语法,以免导致状态发生变异,这可能会导致副作用。Via
currentTarget
- 获取当前正在处理事件的元素,并通过textContent
- 获取元素及其后代的文本内容。添加了一个直通检查,indexOf
以便数组中已经存在的值不会再次落入其中。工作示例代码:
结果:
有用的链接: