重点关注子组件输入

时间:2016-12-01 20:39:55

标签: javascript reactjs redux-form

我目前正在实现Redux-Form,以便将InputFields添加到我的应用程序中。有没有办法手动关注子组件的输入?

添加子组件的代码:

<Field name="Quantity" ref="quantity" onKeyPress={(event) => this.handleKeyPress('inventory', event)} component={ InputField }/>

子组件代码:

render() {
    const { input } = this.props;
    const inputClass = classNames({ 'parsley-error': this.props.meta.touched && this.props.meta.error }, 'form-control')
return (
    <div>
        {this.props.meta.touched && this.props.meta.error && <span className="parsley-error-message">{this.props.meta.error}</span>}
        <Input {...input} className={inputClass} onKeyPress={this.props.onKeyPress} standalone type="text" placeholder={this.props.placeholder}/>
    </div>
   )
}

目前的重点实施尝试:

handleKeyPress(value, event){
  if(event.charCode == 13){
    this.refs["inventory"].getDOMNode().focus();
  }
}

我硬编码只是为了测试目的而专注于库存

1 个答案:

答案 0 :(得分:1)

您可以在输入组件中执行以下操作:

write(90,DBfmt,rec=id,iostat=ios) (output(i),i=1,npr)

注意F必须大写。我还没有对新生成的组件进行测试,但理论上它应该可行。