this.props.onChange가 렌더 함수에서 반환 되었습니까?

Question

나는 할당의 onChange 속성 (재료 UI 라이브러리에서) 다음 텍스트 필드 구성 요소에서 무엇을 의미하는지 이해하기 위해 고군분투 :

<TextField style = {{"padding":"10px","width":"100%"}} 
      type = {'number'} 
      value = {this.props.count.value} 
      onChange={(event, newValue) => this.props.onChange(newValue, ID, "count")} /> 

에는 오브젝트/데이터가 onChange가 기능 속성을 통해 전달되지되고있다 ... 높은 수준의 구성 요소에서?

전체 기능은 무엇을 의미합니까? 그것은 매우 혼란스러워 보입니다.

미리 감사드립니다.

Answer 1

onChange은 TextField 구성 요소로 처리됩니다. onChange 함수를 호출 할 때 두 개의 인수, event 및 newValue을 얻습니다. 두 개의 인수 중 하나를 사용하여 this.props.onChange을 호출하는 인라인 onChange 처리기를 지정하는 것은 텍스트 입력의 값과 그렇지 않은 다른 값을 호출합니다.