admin on rest：在创建表单中显示默认值答案

【问题标题】：admin on rest: display default value in create formadmin on rest：在创建表单中显示默认值
【发布时间】：2018-02-02 01:56:51
【问题描述】：

这里我使用 react-material-responsive-grid 以多行结构显示表单。但这不是问题..

我想在文本字段中显示默认值。我也给了默认值，但它没有显示。

这是我的代码：

import React from 'react';
import { CheckboxGroupInput, BooleanField, Filter, List, Edit, Create, Datagrid, ReferenceField, EditButton, DisabledInput, LongTextInput, ReferenceInput, SelectInput, SimpleForm, TextInput } from 'admin-on-rest';
import { Field } from 'redux-form';
import { Grid, Row, Col } from 'react-material-responsive-grid';
import Checkbox from 'material-ui/Checkbox';
import { TextField, SelectField } from 'redux-form-material-ui';

const list = [
    "name1", 
    "name2", 
];


export const PostCreate = (props) => (
    <Create {...props} >
        <SimpleForm>
            <TextInput source="title" />
            <LongTextInput source="body" />

            <Grid>
                {list.map((selectItem) => {
                    return  <Row> 
                            <Col xs={1}>
                                <Field name={selectItem} defaultValue="default value" component={TextField} floatingLabelText="Select" hintText="Select"/>
                            </Col>
                            <Col sm={1}> <div>{selectItem} </div></Col>  
                        </Row>     
                })}
            </Grid>
        </SimpleForm>
    </Create>
);

【问题讨论】：

标签： reactjs admin-on-rest

【解决方案1】：

redux-form <Field> 组件不支持 defaultValue 属性。这是其<Input> 组件的aor 实现。

但是你可以尝试在 redux 表单的实例化时声明默认值，就像这样：

const list = ['name1', 'name2'];
const postDefaultValue = { name1: 'default value', name2: 'default value' };
export const PostCreate = (props) => (
    <Create {...props} >
        <SimpleForm defaultValue={postDefaultValue}>
        ...

【讨论】：