如何从数组中动态移除元素？React.js

从数组中动态移除元素可以使用React.js提供的setState方法来更新数组的状态。以下是一个示例代码：

import React, { useState } from 'react';

function App() {
  const [array, setArray] = useState([1, 2, 3, 4, 5]);

  const removeElement = (index) => {
    const newArray = [...array];
    newArray.splice(index, 1);
    setArray(newArray);
  };

  return (
    <div>
      <ul>
        {array.map((element, index) => (
          <li key={index}>
            {element}
            <button onClick={() => removeElement(index)}>Remove</button>
          </li>
        ))}
      </ul>
    </div>
  );
}

export default App;

在上面的代码中，我们使用useState钩子来创建一个名为array的状态变量，并初始化为包含一些元素的数组。然后，我们定义了一个removeElement函数，它接受一个索引作为参数，并使用splice方法从数组中移除对应索引的元素。接下来，我们使用spread操作符(...)创建一个新的数组副本，并将其传递给setArray函数来更新array的状态。最后，我们在渲染部分使用map方法遍历数组，并为每个元素创建一个列表项。每个列表项都包含一个Remove按钮，点击该按钮会调用removeElement函数，并传递当前元素的索引作为参数。

这种方法可以动态地从数组中移除元素，并且React会自动重新渲染组件以反映更新后的数组状态。