מדריך react | ריאקט | איך מעבירים מידע בין קומפננטות באמצעות props

import React, {Component} from 'react';

// blockChild קומפוננטת ילד 

interface Props {
name: string;
}

export const blockChild : Resct.FC<Props> = ({}) => {
    return (<h1>Hello {props.name}!</h1>);
}


// APP קומפוננטת האבא 

  interface someProps {
name: string;
}      
export default class App extends Component<someProps> {
  constructor(props: someProps) {
    super(props)
  }
  render() {
    return (
	 <React.Fragment>
     	<blockChild name='תנין קוד'/> 
      	<blockChild name='תנינת קוד'/>
     </React.Fragment>
    );
  }
}

import React, {Component} from 'react';


// blockChild קומפוננטת ילד 

export const blockChild = (props) => {
    return (<h1>Hello {props.name}!</h1>);
}

// APP קומפוננטת האבא 
 
export default class App extends Component {
  constructor(props) {
    super(props)
  }
  render() {
    return (
	 <React.Fragment>
     	<blockChild name='תנין קוד'/> 
      	<blockChild name='תנינת קוד'/>
     </React.Fragment>
    );
  }
}