将 redux-form 元素聚焦在按钮的单击上

Question

我正在使用以下代码使用 redux-form 生成输入字段

    import { Field } from 'redux-form';
    focusForm(){
    }

    <Field
        onClick={() => this.showMessage()}
        placeholder={this.props.placeholderText}
        ref="qaQuery"
        className="form-control"
        type="text"
        component="input"
        name={"inputField"}
        id={this.props.name}
    />
    <Button onClick={() => focusForm()}

我想关注点击按钮的字段。我们如何才能做到这一点。我尝试了以下选项：

this.refs['qaQuery'].focus() //Not working - return Field and not actual input filed
document.querySelector("input[name='inputFileName']").focus(); //bad method

请帮我实现这个，谢谢

Answer 1

以下是我的回答：

import { Field } from 'redux-form';
    focusForm(){
        this.refs['qaQuery'].getRenderedComponent().focus();
    }

    <Field
        onClick={() => this.showMessage()}
        placeholder={this.props.placeholderText}
        ref="qaQuery"
        className="form-control"
        type="text"
        component="input"
        name={"inputField"}
        id={this.props.name}
    />
    <Button onClick={() => focusForm()}

将 redux-form 元素聚焦在按钮的单击上

Focus redux-form element onClick of button

javascript

reactjs

redux-form

react-redux