Props

Ayrı ayrı başlıklar altında değerlendirelim, çok basit bir yapısı var.

Props

Angular2 kullandıysanız @output, @input ile eşdeğer sayılır.

//src/app/index.js

.....
        benProps(alBeni){
            var gonderBeni = alBeni;
            console.log(alBeni);
            return gonderBeni;
        }
            render() {
.....


//alver= Cardlar componenti için bir props olur.


....
<Cell col={4}>
    <Cardlar alver={this.benProps} />
</Cell>
.....

//src/app/components/Cardlar.js

React.js DOM yapısı gereği tüm metodlar, değişkenler veya javaScript öğeleri süslü parantez içinde kullanılır.

<CardText>
{this.props.alver('buraya bir şeyler yazalım..')}
</CardText>

(imaj) 7-11.satır ve 35.satır

(imaj) çıktı