我正在尝试创建一个layer
,在那里我可以处理来自用户的不同操作。
例如,当您click a div
时,创建一个layer of type 1
,然后将其发送到layer component
以开始显示dropdown
的列表(例如)。
由于我是新的React,我做了一些事情,但它扔给我吨的错误,它似乎不工作。
这是我的作品https://codesandbox.io/s/laughing-agnesi-47suvp
我想要的是:
- 单击
.group-item
(来自Header组件)时,将.group-item you clicked
对应的player
的ID
另存为对象(以及.group-item
的clientX和clientY),然后传递一个函数以在layers component
中显示.dropdown
,其中还将包含您从Header component
存储的数据(ID、clientX、clientY)
1条答案
按热度按时间x33g5p2x1#
确实有几个错误:
layer.type
,但创建了一个具有属性layerType
的layer
;确保前后一致Layers.js
中,不要直接更改函数组件主体根的状态:这创建了无限渲染循环(每当其状态改变时函数重新运行);在您情况下,可以将其 Package 在useEffect
中,该useEffect
依赖于layers
属性:演示:https://codesandbox.io/s/quiet-browser-iiip34