ReactElement2 ReactElement.js ReactElement.js 파일을 분석해 보자. hasValidRef function hasValidRef(config) { if (process.env.NODE_ENV !== 'production') { if (hasOwnProperty.call(config, 'ref')) { var getter = Object.getOwnPropertyDescriptor(config, 'ref').get; if (getter && getter.isReactWarning) { return false; } } } return config.ref !== undefined; } React Element가 생성될 때, defineRefPropWarning가 호출되기 때문에, React Develop mode에서 props가.. 2021. 8. 4. ReactNode vs ReactElement vs JSX.Element render() render() 메소드는 class component에서만 필수적으로 필요하다. render() 메소드가 호출되면 this.props와 this.state를 활용해서 아래 타입 중 하나를 반환한다. React elements: JSX를 통해 생성된다. 그 예시로 와 는 React가 DOM 노드 또는 사용자가 정의한 컴포넌트를 만들도록 지시하는 React 엘리먼트이다. Arrays and fragments: render()를 통해서 여러 개의 element들을 반환한다. Portals: 별도의 DOM 하위 트리에 자식 엘리먼트를 렌더링 하게 해준다. String and numbers: 이 값들은 DOM 상에 텍스트 노드로서 렌더링된다. Booleans or null: 아무것도 렌더링하지 않.. 2021. 7. 7. 이전 1 다음
