React ::切换
渲染一个切换组件。
使用将 状态变量 初始化 为 。使用对象 来保存各个组件及其状态的样式。返回一个 触发事件 ,该事件 会在组件的事件被触发时更改组件的 , 并基于,应用 对象的适当CSS规则 ,确定内容的外观 。React.useState()isToggleOnfalsestyle
function Toggle(props) {
const [isToggleOn, setIsToggleOn] = React.useState(false);
const style = {
on: {
backgroundColor: "green"
},
off: {
backgroundColor: "grey"
}
};
return (
);
}ReactDOM.render(, document.getElementById('root'));