如官网中的例子:
import {ThemeContext} from './theme-context';
function ThemeTogglerButton() {
// Theme Toggler 按钮不仅仅只获取 theme 值,它也从 context 中获取到一个 toggleTheme 函数 return ( <ThemeContext.Consumer>
{({theme, toggleTheme}) => (
<button onClick={toggleTheme}
// 可以在调用toggleTheme方法时,传参数吗,父组件可以接收新得参数,从而改变context
style={{backgroundColor: theme.background}}>
Toggle Theme
</button>
)}
</ThemeContext.Consumer>
);
}
export default ThemeTogglerButton;