Question

我想创建一个尽可能通用的函数，但现在不起作用。

我有两种情况：

检查状态的状态是否为空或为真，以及我的项目是否等于他，我想通过调用resetState()并将其设置为false和空字符串来重置他
检查状态的状态是否不为空，并且如果我的项目与他相等，我想通过调用resetState（）和空字符串来重置他

我的问题是：为了避免重复，我尝试用stateItem.checkedA之类的东西来代替stateItem.item，但对我不起作用，这样做有可能做出反应吗？

这就是我所拥有的：

const [stateBoolean, setStateBoolean] = React.useState({
    checkedA: false,
    checkedB: false
  });

const [stateItem, setStateItem] = React.useState({
    checkedA: "",
    checkedB: "toto",
    checkedC: "onlyHere not in Boolean"
  });

  const check = (listState) => {
    listState.map(item => {
      (stateBoolean.checkedA === true || stateItem.checkedA !== "") &&
      item === "checkedA"
        ? (resetChange("checkedA", "stateItem"),
          resetChange("checkedA", "stateBoolean"))
        : null;
      (stateBoolean.checkedB === true || stateItem.checkedB !== "") &&
      item === "checkedB"
        ? (resetChange("checkedB", "stateItem"), resetChange("checkedB", "stateBoolean"))
        : null;
      stateItem.checkedC !== "" && item === "checkedC"
        ? resetChange("checkedC", "stateItem")
        : null;
    });
  };

我所期望的，但是没有用：

const checkWanted = (listState) => {
    listState.map(item => {
      (stateBoolean.item === true || stateItem.item !== "") &&
      (item === "checkedB" || item === "checkedA")
        ? (resetChange(item, "stateItem"), resetChange(item, "stateBoolean"))
        : null;
      stateItem.checkedEOther !== "" && item === "checkedEOther"
        ? resetChange(item, "stateItem")
        : null;
    });
  };

有什么主意吗？

Answer 1

使用stateBoolean [item]代替，您可以访问诸如数组之类的对象的属性

函数映射返回一个新的数组mdn description 如果要迭代数组并执行某些操作，则应使用forEach或for循环。

使我的函数尽可能通用以检查状态

1 个答案: