使用React-redux-form以只读方式输入字段

时间:2018-02-16 23:05:38

标签: javascript node.js twitter-bootstrap reactjs express

无法创建可写输入字段。

import { Control } from "react-redux-form";
import { FormControl } from "react-bootstrap";

const existingItem = {
    name: "John",
    city: "Oakland",
};

<Control
    component={FormControl}
    model=".defaultItem"
    componentClass="input"
    id="original-item"
    value={existingItem.name}
/>

我的目标是显示一个带有existingItem.name的输入字段,以便我可以编辑和提交。

但是,使用value prop,输入字段将变为只读。通常我会使用defaultValue,但在这种情况下,defaultValue会将输入字段设为可写但为空。

1 个答案:

答案 0 :(得分:1)

您的商店中很可能不存在def flattify(hashy) temp = {} hashy.each do |key, val| if val.is_a? String temp["#{key}"] = val elsif val.is_a? Hash temp.merge(rename val, key, "") elsif val.is_a? Array temp["#{key}"] = enumerate val, key else end print "=> #{temp}\n" end return temp end def rename (hashy, str, n) temp = {} hashy.each do |key, val| if val.is_a? String temp["#{key}#{n}"] = val elsif val.is_a? Hash val.each do |k, v| temp["#{key}_#{k}#{n}"] = v end elsif val.is_a? Array temp["#{key}"] = enumerate val, key else end end return flattify temp end def enumerate (ary, str) temp = {} i = 1 ary.each do |x| temp["#{str}#{i}"] = x i += 1 end return flattify temp end