01.06.01. Props - Erdinç Uzun

Bu bölümde, Props sayesinde değişken üzerinden veri alıp bunu HTML içine göstereceğimiz tanıtılacaktır.

function MerhabaFunc(props) {
return <h1>Merhaba, {props.name}</h1>;
}
const element = <MerhabaFunc name="Erdinç" />;
class App04 extends Component {
render() { return (
element
);
}
}

export {App01, App02, App03, App04}
export default App04;

function MerhabaFunc(props) {

return <h1>Merhaba, {props.name}</h1>;

}

const element = <MerhabaFunc name="Erdinç" />;

class App04 extends Component {

render() { return (

element

);

}

export {App01, App02, App03, App04}

export default App04;

element bir sabit değişken tanımı, MerhabaFunct kullanıyor ve name özelliğini taşıyor. render bölümde bu kod işleniyor. ad ve soyad özellikleri props sayesinde erişilebiliyor.