React

[narutaro]

[React]useStateでオブジェクト(連想配列)や配列の一部を更新する方法

const [state, setState] = useState({ id: 1, name: 'foo' });

const updateState = () => {
  setState((prevState) => ({ ...prevState, name: 'bar' }));
  // { id: 1, name: 'bar' }
};

[narutaro]

Color Reference

• deepskyblue (#00bfff)
• tomato (#ff6347)

[narutaro]

【React】特定の条件の場合にComponentにPropsを渡す小ワザを解説

export const Comp = ({ cond: boolean }) => {
  // condがtrueの時にpAを渡したい
  return(
    <SomeComp
      pA={...}
    />
  );
};