React的Context对象解决props传递数据的烦恼

一、props 传递数据的烦恼

作为子组件的 Toolbar 必须显式定义 theme 属性， ThemedButton 才能够获的 theme 数据。当 ThemedButton 与 App 之间嵌套了很多层，且使用ThemedButton 的页面又非常多，那么工作就会变的异常麻烦。

class App extends React.Component {
   
    render() {
   
        return <Toolbar theme="dark" />;
    }
}

function Toolbar(props) {
   
    return (
        <div>
            <ThemedButton theme={
   props.theme} />
        </div>
    );
}

class ThemedButton extends React.Component {
   
    render() {
   
        return <Button theme={