React의 소품

당신의 집에서 여자 친구의 집으로 러브 레터를 전달하려면 매개체가 필요합니다. 반응에서와 마찬가지로 한 구성 요소에서 다른 구성 요소로 데이터를 전달하는 매체가 필요합니다.

함수에서 한 함수에서 다른 함수로 무엇이든 전달하려면 매개변수를 사용합니다. 예시.

void printNumber (int number){
 cout<<number<<endl;
}

int main(){
int Number = 28;
printNumber(Number);
return 0;
}

C++에서는 printNumber() 함수에서 main 함수로부터 데이터를 받습니다. 여기서 우리는 "숫자"를 매개변수로 사용합니다.

ReactJS는 모두 구성 요소에 관한 것입니다. 한 구성 요소에서 다른 구성 요소로 데이터를 전달해야 합니다. 이를 위해 props를 사용해야 합니다. props는 react의 키워드입니다. 속성을 나타냅니다. props는 한 구성 요소에서 다른 구성 요소로 데이터를 전달하는 데 사용됩니다.

그러나 불행히도 reactJS는 부수적인 사랑만 허용합니다. 당신은 당신의 여자 친구에게 데이터를 보낼 수 있지만 당신은 그것을받을 수 없습니다. 반응에서 한쪽 사랑을 사용하면 부모 구성 요소에서 자식 구성 요소로 데이터를 전달할 수 있습니다. 단방향 데이터 흐름이라고 합니다.

코드:

import React from 'react'
const ParentComponentData = "Data From Parent Component";
class ParentComponent extends React.Component {
  render(){
    return (
      <ChildComponent name={ParentComponentData}/> 
    )
  }
};
const ChildComponent = (props) =>{
return <div>I get {props.name}</div>
}

export default ParentComponent ;

여기서 ParentComponent는 데이터를 ChildComponent에 전달합니다. ChildComponent는 {props.name}을 사용하여 데이터에 액세스합니다.

 Output: I get Data From Parent Component