Simple React BMI 계산기를 만들려고 합니다.
제출버튼을 클릭하시면 가장 하단에 새로운 html을 만들고 싶습니다.
당신의 신체지수는 {your index}입니다.
제출 버튼을 클릭할 때마다.
해야 할 일과 어플과 같은 방식으로 생각하는 것은 어떻게 해야 하나요?감사합니다 코드로 다른 구성요소나 코드를 추가할 수 있습니다.
만드는 방법의 단계는 이하와 같습니다.
결과를 표시하는 변수를 만듭니다.
숨기고 싶기 때문에 먼저 false로 설정합니다.
사용자 BMI 결과를 보여주는 다른 코드 생성 기타 변수를 사용하여 결과를 표시해 주세요. 예를 들면, {쇼의 결과? 정말이라면 무엇인가: 거짓말이라면 무엇인가}. 사용자 결과를 보여주거나 숨기려면 삼항 연산자를 사용해야 합니다.
계산된 Bmi함수 내에서 “setState”를 사용하여 변수를 “true”로 변경합니다.
그게 당신이 해야할 모든 단계입니다.
이 도움을 바랍니다.
상태 배열에서 총계를 수집하여 이를 기반으로 요소를 렌더링할 수 있습니다.
잘못된 BMI 공식 외에도 코드에 여러 가지 문제가 있음을 알 수 있습니다.
상태를 설정하면, 이전 상태를 새로운 상태로 바꾸게 됩니다.
고객님의 경우 set State 동안 이전 상태를 고려하지 않아 이 과정에서 키나 몸무게가 감소하고 있습니다.
this.setState({…this.state,height:e.target.value})와 같은 상태를 weight에 대하여 동일하게 설정하여야 합니다.
버튼 타입은 제출했는데 양식이 없어요. 당신은 그것을 제거할 수 있습니다.
재산의 합계가 없거나 계산된 bmi를 보유하기 때문에 해당 주에 bmi라는 이름을 지정하고 있지 않습니다.
계산에서의 총계는 배열이라고 가정하고 push 배열방법을 사용했습니다.
푸시할 데이터를 변경하고 우리는 반응에서 데이터를 변경하는 방식을 피했습니다.
대신 스프레드 연산자를 사용해 주십시오. […old Array, new Value] 이것은 새로운 배열을 생성합니다.
map, filter, reduce 등의 배열 메서드는 모두 새로운 배열을 반환하며 배열을 변경하지 않아 안전하게 사용할 수 있습니다.
계산된 BMI를 아무 곳에도 표시하지 않습니다.
계산을 표시하기 위해 스니펫을 업데이트했습니다.
거의 정답이지만 this.set State 함수없이 totals를 업데이트 했습니다.
그런 다음 render 방식으로 총계를 반복할 수 있습니다.
업데이트된 스니펫이 여기 있어요
