useSetState

類似於 class component 中的 setState

Usage

即時編輯器

function Demo() {
  const [state, setState] = useSetState({ value1: "value1", value2: "value2" });
  const { value1, value2 } = state;
  return (
    <div>
      <p>value1: {value1}</p>
      <p>value2: {value2}</p>
      <button
        onClick={() => {
          setState({
            value1: "value",
          });
        }}
      >
        改變值
      </button>
    </div>
  );
};

結果

value1: value1

value2: value2

API

useSetState

Returns

readonly [T, (statePartial: Partial<T> | ((currentState: T) => Partial<T>)) => void]: 包含以下元素的元組：

• state 的當前值。
• 更新 state 值的函數。

Arguments

參數名	描述	類型	預設值
initialState	初始值	T (必填)	-