constructor(props) {
super(props);
// 设置 initial state
this.state = {
style: {display:"block",color:"red"},
actionTitle:false,
};
}
showhide = () => {
this.setState({actionTitle:!this.state.actionTitle});
if (this.state.style.display === "block") {
this.setState({ style: { display: "none", } })
} else {
this.setState({ style: { display: "block", } })
}
};
render() {
return <div>
<List renderHeader={() => (
<div className="pw-list-title">
<span>上传图片</span>
<a
react.js 显示隐藏效果
最新推荐文章于 2024-08-19 12:12:08 发布
本文详细介绍了在React.js中如何实现组件的显示和隐藏效果,包括使用state控制、条件渲染(ternary运算符)以及CSS样式切换等方法。通过实例代码解析,帮助开发者更好地理解和应用这些技巧。
摘要由CSDN通过智能技术生成