Reactjs Redux表单，如何将Ref与renderField一起使用？

我正在尝试将ref属性添加到我的一个redux表单字段中。。代码如下：

let renderField = ({input, label, placeholder, type, meta: {submitFailed, touched, error, pristine}}) =>

  <div className={classNames("form-group", {
    "has-danger": (submitFailed && error) || (!pristine && touched && error),
    "has-success": !pristine && touched && !error
  })}>
    <textarea {...input} type={type} placeholder={placeholder} className={touched ? (error ? "form-control form-control-danger" : "form-control form-control-success") : "form-control"} />
  </div>

---

如何将ref添加到我的redux表单字段？

您应该创建类而不是函数

import React, { Component } from 'react';

export default class RenderField extends Component {
  render() {...}
}

---

您应该创建类而不是函数

import React, { Component } from 'react';

export default class RenderField extends Component {
  render() {...}
}

---

错误告诉您需要创建有状态组件。您可以通过扩展来实现这一点。请参阅文档中有关如何转换现有功能组件的内容。

错误告诉您需要创建有状态组件。您可以通过扩展来实现这一点。请参阅文档中有关如何转换现有功能组件的内容。

Refs和Redux绑定视图不能很好地协同工作。你以后可能会有一些神秘的问题。我认为您最好传递一个

onChange

回调，否则类似的refs和Redux绑定视图不能很好地协同工作。你以后可能会有一些神秘的问题。我认为您最好传递一个

onChange

回调，或者like@AnApprentice它可用作this.props.input、this.props.label等@anaprentice它可用作this.props.input、this.props.label等。

import React, { Component } from 'react';

export default class RenderField extends Component {
  render() {...}
}