Stateless Functional Components 예제 반응

https://grokonez.com/frontend/react/react-stateless-functional-components-example

Stateless Functional Components 예제 반응

게시물React Components example에서 React 구성 요소를 정의하는 방법을 알고 있습니다. 상태 비저장 기능 구성 요소라고 하는 더 간단한 방법이 있습니다. 상태가 없는 구성 요소에만 이 방법을 사용할 수 있음을 기억하십시오.

관련 게시물:

React Component Props example

React State example

React Note Application – React props and state example

I. 방법

클래스에서 만든 구성 요소를 사용하여:

class MyComponent extends React.Component {
    render() {
        return (
            <div>
                <h2>{this.props.abc}</h2>
                <h4>{this.props.xyz}</h4>
            </div>
        );
    }
}

다른 방식으로 정의할 수 있습니다(상태 비저장 기능 구성 요소 방식).

const Header = (props) => {
    return (
        <div>
            <h2>{props.abc}</h2>
            <h4>{props.xyz}</h4>
        </div>
    );
};

상태 비저장 구성 요소는 단지 함수라는 것을 알 수 있습니다. this 키워드가 없습니다.

II. 관행

1. 개요

다음과 같은 React Note 애플리케이션을 빌드할 것입니다: React Note Application – React props and state example 가능한 한 Stateless Functional Components를 사용하여:



더 보기:
https://grokonez.com/frontend/react/react-stateless-functional-components-example

Stateless Functional Components 예제 반응