【发布时间】：2018-05-28 15:20:55
【问题描述】：
我有以下渲染部分。 onAddNode 来自父组件，用于在添加新项目时更新状态。如果我删除 Input styled-component 上的 innerRef，此函数将起作用。我试图找出为什么会发生这种情况，但还没有找到任何解释。
有人知道为什么会这样吗？我只是想知道为什么会这样，这样我就可以从那里找出一些东西。
-- 编辑
获取 ref 函数的 Input 组件不是 react 组件。它是样式化组件。
我的 setReference() 确实设置了参数并将其保存在组件中。此函数确实在组件构造函数中调用 .bind(this)。
【问题讨论】：
-
可能和这里的问题一样：github.com/styled-components/styled-components/issues/927你收到什么错误信息？
-
@Droow 我没有提到 Input 组件是 styled-component。不是 React 组件。所以 ref 函数 setReference 并不意味着传递给子组件。对此感到抱歉。
-
好吧，你的 setReference 函数是什么样子的？基于此：github.com/styled-components/styled-components/blob/master/docs/… 它应该按预期工作。
-
@Droow 添加在上面。问题不在于 setReference()。如果我在 styled-component. 上使用 innerRef，onAddNode() 不会在应该调用的时候调用
标签： reactjs react-redux styled-components