Question

我创建了一个组件，可让您添加/删除选择字段（单击添加按钮时）。我正在使用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'
    );

有什么解决方法吗？

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

0 个答案: