如何在const中分配值?
在表单中我有一些来自checked的输入,当值为true时,我需要更改此值以与客户端的webservice通信,如果它是false,我也需要更改值,但我不能简单地通过使用新值声明const。
我试图直接在const中更改值,但它不起作用
按照我在CodeSandbox中的代码:https://codesandbox.io/s/n08n2m7mpj
import React, { useState } from "react";
import ReactDOM from "react-dom";
import Switch from "@material-ui/core/Switch";
import "./styles.css";
function App(props) {
const initialFormState = {
datRev: "01/05/2019",
empRev: "1",
numCad: "5",
numEmp: "1",
obsRev: "ReactJS done!",
sitRev: "1",
tipCol: "1",
tipEqp: "10",
tipSvc: "100",
cheklist: {
"": "",
"": "",
"": "",
"": ""
},
codCkl: "4",
sitCkl: "N",
selPro: "S",
obsCkl: "obs insomina"
};
const [equipRev, setEquipRevisao] = useState(initialFormState);
const [checkedA, setCheckedA] = useState(false);
const handleChange = nameChecked => event => {
const { name, value } = event.target;
setCheckedA({ [nameChecked]: event.target.checked });
if (event.target.checked === true) {
console.log("True: " + event.target.checked);
const value = "S";
} else {
console.log("False: " + event.target.checked);
const value = "N";
}
console.log("Value: " + value);
setEquipRevisao({ ...equipRev, [name]: value });
console.log("sitCkl: " + equipRev.sitCkl);
};
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
<h2>Start editing to see some magic happen!</h2>
<Switch
name="sitCkl"
checked={props.checkedA}
onChange={handleChange("checkedA")}
value={equipRev.sitCkl}
/>
</div>
);
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
我希望“event.target.checked”为true,它将sitCkl的值从equipRev更改为'S',当它为false时,它将sitCkl的值从equipRev更改为'N'。
如果你必须改变它的值,那么你可以用let
而不是const
来声明它。 (const
的重点不是重新分配价值)。
const handleChange = nameChecked => event => {
let { name, value } = event.target;
setCheckedA({ [nameChecked]: event.target.checked });
if (event.target.checked === true) {
console.log("True: " + event.target.checked);
value = "S";
//...
常量是块范围的,非常类似于使用let语句定义的变量。常量的值不能通过重新分配来改变,也不能重新声明
所以const的要点是,一旦声明,它就无法改变。如果需要能够为变量赋值和重新赋值。你最好使用let或var。