react 組件傳值

前言：

之前對react組件傳值，一直都是半知半解，今天決定認真認識清楚，而不是聽了視頻敲一次代碼就嘩啦嘩啦的走了，不然每次都是機械的在敲代碼，壓根沒去思考過代碼為啥這么寫，這么寫的理論是什么？一直在尋求學習方法，視頻真的是聽了不少，可是真心感覺沒什么長進

對於react組件傳值，之前有寫過一次項目，我居然研究了很久，研究出來的感覺是很開心，但是有一種是誤打誤撞的感覺，現在想起來，真的是傻傻傻啊～～一個知識點還是得弄透，特別是對於常用的知識點，之前我覺得自己多於map函數以及箭頭函數也是機械式，而不是真正的去理解他！好啦，廢話不多說了，我們快點來看看react之間的傳值吧

傳值，分  父親向兒子傳值，兒子向父親傳值，沒有嵌套關系的組件之間傳值，例如兄弟組件傳值

1.父組件向子組件傳值  （通過props來傳值，這種應用，很多時候我們某個組件在不同的地方用到，但是就只是內容不一樣，這樣在調用組件就是父組件的時候給各自自己的值就好）
//子組件
class Es6cComponent extends React.Component{
    constructor(props){
        super(props);
    }
    render(){
        return(
            <div>
              <div>{this.props.nameall}</div>
            </div>
        )
    }
}
//父組件
class App extends React.Component{
    render(){
        return(
            <div>
                <Es6cComponent nameall="abc"/>
            </div>
        )
    }
}
2.子組件給父組件傳值 （　回調函數）

3.兄弟組件傳值（子組件傳給父組件，由父組件再傳給另外一個子組件）