相关疑难解决方法(0)

splice 和 setState() 后的函数渲染

我希望我的 React 函数在拼接数组后重新渲染。

这是(部分)函数(使用 Hooks):

function showProblem() {
  const [andArray, setAndArray] = useState([]);

const deleteTag = (i, arr) => {
    let and = andArray;
    switch (arr) {
      case "and":
        and.splice(i, 1);
        setAndArray(and);
        break;
      default:
        return null;
    }
  };


return(
<div>
    {andArray.map((and, i) => {
            return (
              <span
                onClick={() => deleteTag(i, "and")}
                key={i}
              >
                {and}
              </span>
            );
     })}
</div>
)
}

Run Code Online (Sandbox Code Playgroud)

当我单击 SPAN 元素时,我希望我的“andArray.map”再次呈现。

拼接工作正常,我的数组没问题……但该函数没有重新渲染。

非常感谢。

javascript render splice reactjs

3
推荐指数
1
解决办法
1084
查看次数

标签 统计

javascript ×1

reactjs ×1

render ×1

splice ×1