reactjs 有人能解释一下下面的代码吗，特别是参数(index)=>(e)=>

pn9klfpd 于 2023-02-12 发布在 React

关注(0)|答案(2)|浏览(120)

我是一个新手，所以我遇到了这段代码，我不明白这段代码的两个参数，这是什么意思？

// App.js
const updateState = (index) => (e) => {
  const newArray = data.map((item, i) => {
    if (index === i) {
      return { ...item, [e.target.name]: e.target.value };
    } else {
      return item;
    }
  });
  setData(newArray);
  };

reactjs

来源：https://stackoverflow.com/questions/75413815/can-anyone-explain-the-below-code-especially-the-arguments-index-e

2条答案

按热度按时间

4jb9z9bj1#

这是结束的一部分。参考这篇文章。

赞(0）回复(0）举报 2023-02-12

cnjp1d6j2#

它是一个返回函数的函数。它等价于

const updateState = (index) => {
  const func = (e) => {
    const newArray = data.map((item, i) => {
      if (index === i) {
        return { ...item, [e.target.name]: e.target.value };
      } else {
        return item;
      }
    });
    setData(newArray);
  }
  return func;
}

因此，这可以称为例如：

updateState(1)({foo:'bar'})
// index === 1
// e === {foo:'bar'}

或

const updateStateAtIndex = updateState(1);
const result = updateStateAtIndex({foo: 'bar')}

在您的例子中，e是一个事件，所以我假设它是在某种动态表单中使用的：）

赞(0）回复(0）举报 2023-02-12

我来回答

reactjs 有人能解释一下下面的代码吗，特别是参数(index)=>(e)=>

2条答案

相关问题

热门标签

最新问答