React / Redux-保存选择字段值onChange

时间:2019-02-05 15:25:53

标签: reactjs redux react-redux redux-form

我创建了一个组件,可让您添加/删除选择字段(单击添加按钮时)。我正在使用Redux来保持下拉菜单的状态,以便在来回导航(反应路由器)时不会丢失添加的下拉菜单。

似乎正在使用相同的数据(并非单独)更新所有选择下拉列表。因此,每当用户键入属性时: 我们使用反应表添加 1. AttributeName ProficiencySelect 2. AttributeName2 ProficiencySelect2 在代码中,我们只有一个选择组件。但是,每次添加属性时,我们都会添加一个选择组件。我们面临的问题是区分每个选择的数据。我们尝试使用以下方法解决此问题,但现在我们不知道如何为每个下拉列表获取数据,因为name通常是我们可以调用的字符串:


const options = [
    {
        label: '1',
        value: '1'
    },
    {
        label: '2',
        value: '2'
    },
    {
        label: '3',
        value: '3'
    },
    {
        label: '4',
        value: '4'
    },
    {
        label: '5',
        value: '5'
    },
    {
        label: '6',
        value: '6'
    },
    {
        label: '7',
        value: '7'
    },
    {
        label: '8',
        value: '8'
    },
    {
        label: '9',
        value: '9'
    },
    {
        label: '10',
        value: '10'
    }
];
{
   Header: 'Proficiency',
        accessor: 'name',
        Cell: ({value}) => (
        <FormGroup>
          <Field
             component={Select}
             name={value}
             label=""
             options={options}
             validate={required}
         />
       </FormGroup>
     )
},

我们尝试通过以下方法解决此问题,但现在我们不知道如何为每个下拉列表获取数据,因为name通常是一个字符串,可以使用formValueSelector捕获数据,如下所示:

 let templateFormData = formValueSelector('templateForm')(
        state,
        'name',
        'description',
        'cosa',
        'department',
        'suppliers'
    );

有什么解决方法吗?

0 个答案:

没有答案