在redux-form中,可以通过使用initialValues属性来将值从占位符传递到textInput。initialValues属性可以在redux-form的Field组件中设置,用于初始化表单字段的值。
首先,需要在redux-form的Form组件中设置initialValues属性,将需要传递的值作为一个对象传入。例如,如果要将值"example"传递到名为"myField"的表单字段中,可以这样设置initialValues属性:
import { reduxForm, Field } from 'redux-form';
const MyForm = (props) => {
return (
<form>
<Field name="myField" component="input" type="text" placeholder="Enter a value" />
</form>
);
};
export default reduxForm({
form: 'myForm',
initialValues: {
myField: 'example'
}
})(MyForm);
在上面的代码中,我们将initialValues属性设置为一个对象,对象的键名为表单字段的名称(这里是"myField"),键值为要传递的值(这里是"example")。
然后,在Field组件中,可以使用component属性来指定要渲染的表单字段类型(这里是input),并使用name属性来指定表单字段的名称(这里是"myField")。通过设置placeholder属性,可以设置占位符文本。
这样,当表单被渲染时,"example"这个值就会作为初始值传递给名为"myField"的表单字段,并显示在textInput中的占位符中。
关于redux-form的更多信息和使用方法,可以参考腾讯云的相关产品文档:redux-form产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云