我目前正在实现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();
}
}
我硬编码只是为了测试目的而专注于库存
答案 0 :(得分:1)
您可以在输入组件中执行以下操作:
write(90,DBfmt,rec=id,iostat=ios) (output(i),i=1,npr)
注意F必须大写。我还没有对新生成的组件进行测试,但理论上它应该可行。