까탈스런 리액트 오류원인

• render하는 함수 이름의 첫글자는 대문자여야 한다. 메서드도 다 카멜케이스!!!!
• render를 위해 불러온 함수에 return이 없으면 에러가 난다
• on과 함께 쓰는 이벤트 리스너는, onClick 처럼 카멜표기법으로 써야한다. html처럼 onclick이라고 써주면 인식을 못한다. 
• if 구문정도는 if 떼고 써도 되나보다 / for i in array 정도도 그냥 array이름만 쓰니까 됐다.

return (
    <div>
        <h1>변환기</h1>
        <hr/>
        <select name ="mainSelect" onChange={onSelect} value={index}>
            <option value="0">시간 to 분</option>
            <option value="1">km to meter</option>
            </select>
            {index==="0" ? <MinutesToHours/>:null}
            {index==="1" ? <KmToMiles/>:null}
        <hr/>
    </div>
);

• css는 중괄호 두개와 함께 써야 한다. ex) <button style={{backgroundColor="grey",...}}>
• event.target.value가 undefined다. event.target.getAttribute('value')라고 따왔다. 리액트에서는 요소값 따오기가 종종 이러나보다.

 

---