redux-form：访问子组件

Question

我正在redux-form使用react-select。

因此，在我的redux-form中，我有一个 的子组件，它返回一个 react-select 组件。我只想知道如何将此引用传递给此组件。我尝试过标准语法： -

ref={(input) => { this.activityInput = input; }}

并尝试过： -

withRef={true}

但是，当我尝试通过父组件中的this.activityInput访问引用时，所有这一切都会返回 ProxyComponent 对象。

我对这一个感到非常难过。我已经尝试过阅读文档并广泛使用Google搜索来获得答案，但我似乎无法找到其中一条和许多信息引用旧的ReactJS ref语法： -

ref="whateveryouwant"

任何帮助都非常感谢！

Answer 1

如果它对任何人都有帮助，我就这样解决了： -

      <Field
        name="activity"
        component={FormFieldActivity}
        ref={input => this.activity = input}
        withRef
      />

我正在使用以下方法检索选择字段的值： -

this.activity.getRenderedComponent().getValue()

返回子组件状态的值： -

const handleOnChange = (value) => {
  this.setState({ value });
}

getValue(){
  return this.state.value
}

最终似乎很简单。我希望这可以帮助别人。