9/20

export default function OptionSwitch(props) {
  const [state, setState] = useState(false);
  const handleChange = (data) => {
    setState({ ...state, state: data });
    props.onCreate(state);
    console.log(`optionswitch_data : ${data}`);
    console.log(`optionswitch_state : ${state}`);
  };
  return (
    <StyledSwitch
      onClick={(e) => handleChange(!e.target.value)}
      value={state}
    />
  );
}

export default function SwitchInterface() {
  const [state, setState] = React.useState(false);
  const handleClick = (data) => {
    setState({ state: data });
  };
  return (
    <div>
      <OptionSwitch onCreate={handleClick} />

결과

state : false

optionswitch_data : false

optionswitch_state : false

state : [object Object]

optionswitch_data : false

optionswitch_state : [object Object]

이후 동일

event.target.checked 는 state가 아니라 걍 상태다. setstate의 문제 같아서 걍 다 빼버렷다 깔끔하고 좋다

 

입력페이지를 추가하는건 문제가 없지만 이 데이터를 redux에 순차적으로 넣는 것이 문제가 된다. 순서가 뒤섞이면 안되는데다가 여러가지로 문제가 많다.

addOptionName dispatch type: `type${num}` ??
return { ...state, [action.dimension]: { ...state[action.dimension], [action.fieldName]:action.value } }

==>2dimension을 사용...depth와 관련이 있는 것 아닐까