React useState覆盖状态对象，而不是合并[duplicate]

Question

React没有合并我对状态对象所做的更改，而是完全覆盖它。

这可能是由上下文引起的吗？我不确定是否可以直接作为道具传递分派事件。我尝试过在另一个函数中包装setParams，比如在“提升状态”文档中，但是没有效果。

预期产量

{width: 400, height: 400, strokeWeight: 0.25, color: "#d9eb37", resolution: 10}

电流输出

{color: "#d9eb37"}

React上下文保存状态

const Context = createContext();

const Provider = ({ children }) => {
  const [params, setParams] = useState({
    width: 400,
    height: 400,
    strokeWeight: 0.25,
    color: "#ad3e00",
    resolution: 10
  });

  return (
    <Context.Provider value={{ params, setParams }}>
      {children}
    </Context.Provider>
  );
};

通用输入组件

const Input = () => {
  const { params, setParams } = useContext(Context);

  render(
    <input
        type="color"
        value={params.color}
        onChange={(e) => setParams({ color: e.target.value })}
      />
  );
}

Answer 1

useState不会像类组件中的setState那样合并状态，你必须自己完成这项工作。

onChange={（e）=