React 코드 컨벤션

버튼 만들 때, 아래와 같이 타입을 지정해줄수도 있고, 안할수도 있다.

이는 코드 컨벤션 정해야한다. 명시적으로 type=’button’으로 할지 정해야 한다.

 

  return (
    <div id='counter'>
      <Button onClick={handleDown}>-</Button>
      <Button onClick={(event) => handleReset(event)}>0</Button>
      <Button onClick={handleUp}>+</Button>
      <span>{count}</span>
    </div>
  );
}

 

return (
    <div id='counter'>
      <Button type='button' onClick={handleDown}>
        -
      </Button>
      <Button type='button' onClick={(event) => handleReset(event)}>
        0
      </Button>
      <Button type='button' onClick={handleUp}>
        +
      </Button>
      <span>{count}</span>
    </div>
  );

본질적으로 type='button'으로 꼭 해야 합니다.