React：Context ——跨层传递props

Props的传递

proprs一级一级往下传，若对中间component无用，则很麻烦+浪费时间；
使用context，将一个component的props作为全局props，使用context调用即可；

从App.js往person传一个state；

App.js

import AuthContext from '../context/auth-context';

将需要接受传递的对象包在AuthContext.Provider中；
并往AuthContext中传入可分享的props对象——（value={ {}}）； 外面的括号代表使用js，里面的括号代表object；

        <AuthContext.Provider value={
   {
   
          authenticated: this.state.isAuth, 
          login:this.loginHandler
          }}>
          {
   this.state.showCp ?
          <Cockpit 
            title={
   this.props.appTitle}
            showPersons={