Material UI 基于对象输入的复选框切换值

Question

我有一个未选中的复选框。我试图根据对象的数据更改它的值。该对象来自 SQL select 布尔列 'T' 或 'F'。如果值为 'T'，则该框将被选中，反之亦然。我尝试使用查看值的 useState() 但没有用。

  const [checkBoxState, setCheckBoxState] = React.useState(false);
  //check to see if values are 't' or 'f' to change them to vaiable formats
  function handleCheckState(databaseCondition) {
    if (databaseCondition == "T") {
      setCheckBoxState = true;
    }
    console.log(checkBoxState);
    return checkBoxState;
  }

这是我尝试使用的 useState()。

<Checkbox checked={handleCheckState(data["validcycle"])} />

这是我要根据 sql 列切换 on/off 的复选框。

Answer 1

朋友，你忘了把 hook 括在括号里，例如：setState(value)

    const [checkBoxState, setCheckBoxState] = React.useState(false)

    function handleCheckState(databaseCondition) {
        if (databaseCondition == 'T') setCheckBoxState(true)
        else setCheckBoxState(false)
        return checkBoxState
    }

Answer 2

您必须使用以下方式更改状态：

setCheckBoxState(true);

而不是：

setCheckBoxState = true;

更好的方法就是这样：

<Checkbox checked={databaseCondition === "T"} />

Material UI 基于对象输入的复选框切换值

Material UI checkbox toggle value based off input from object

javascript

reactjs

material-ui

use-state