当有多个state的时候的解决方法 用useReducer

Question

const initialState = {
foo: ‘bar’,
bar: ‘baz’,
};

const RESET = ‘RESET’;

const assignReducer = (state, payload) => {
if (payload === RESET) {
return initialState;
}

return Object.assign({}, state, payload);
};

const MyComponent = () => {
const [state, setState] = useReducer(assignReducer, initialState);

// update single key
setState({ foo: ‘foo’ });

// partial update
setState({ foo: ‘foo’, bar: ‘bar’ });

// reset
setState(RESET);
}

如果仅仅是一个大对象 放在useState 有时候会出现不及时更新的问题 这个方法比较可靠。

Answer 1

Jokcy 2019-08-07 21:31:22

你指的不及时更新是啥意思？你是不是改了对象的属性，但是没有调用setState更新整个对象。

• 提问者 MaoGirlsQueen #1

  就是我把更新的对象  没放入 setState里之前我打印了  是最新的对象  放入以后就是没有改变的那个对象的值  咋整都没有

• Jokcy 回复 提问者 MaoGirlsQueen #2

  给个代码实例