时间戳

首页 > 解决方案 > 我如何让 formik 在点击时更新输入？

reactjs - 我如何让 formik 在点击时更新输入？

问题描述

所以我有一个formik表单，我用this.state设置了一个输入值。

这在页面呈现时工作正常。但是，我有一个单击事件将该状态更改为新值，但输入值没有更新。我怎么做？

代码：

this.state.address_1:'test'


initialValues={{
    address_1: this.state.address_1,
}}



<span className='form-cell-wrapper'>
<label>Address Line 1</label>
<Field
name='address_1'
type='text'
style={{
    borderColor:
        errors.address_1 && touched.address_1 && "tomato"
}}
/>
</span>

    addressClick = (e) => {
        this.setState({ 'address_1': 'test 2' });
        console.log('address change', this.state.address_1);


    }

标签： reactjsformik

解决方案

看看添加在文件中 

<Field
onChange={this.addressClick}
value={this .state.address_1}
name='address_1'
type='text'
style={{
    borderColor:
        errors.address_1 && touched.address_1 && "tomato"
}}
/>
and 
addressClick = (e) => {

        this.setState({ 'address_1': e.target.value });
        console.log('address change', this.state.address_1);


    }

试试如果不工作告诉我提交

推荐阅读