Question

有人可以帮助我停留在按索引的React Select Onchange上吗

sed -i '/^"rpc-whitelist"/ s/$/ 123.123.123.123,123.123.123.123/' settings.json

   <Select
       name="taskTitle"
       value={resultTitle[idx]}
       onChange={this.handleChange(idx)}
       options={optionResultTask}
   />

Codesandbox

我的OnChange函数出错谢谢。

Answer 1

使用选择的选项作为参数（不是事件）调用React Select onChange处理程序，因此将代码更改为以下内容：

handleChange = idx => selected => {
    console.log(idx, selected);
    const { label, value } = selected;
    // rest of your code
};

Answer 2

这就是我的做法。

我的选择（呈现在可以有N个子代的UI内，通过在其上进行映射来构建）：

 {
      test: /\.(js|mjs|jsx|ts|tsx)$/,
      enforce: 'pre',
      use: [
        {
          options: {
            cache: true,
            formatter: require.resolve('react-dev-utils/eslintFormatter'),
            eslintPath: require.resolve('eslint'),
            resolvePluginsRelativeTo: __dirname,
            emitWarning: true,
          },
          loader: require.resolve('eslint-loader'),
        },
      ],
      include: paths.appSrc,
    },

功能：

{data.items.map((item, index) => 
  <Select
    options={dogFoodOptions}
    isMulti={false}
    name="dogfood"
    id="dogfood"
    value={item.value}
    onChange={handleDogFoodChange(index)}
    />
}

反应选择按索引的OnChange

2 个答案: