react 标签内部写行内样式
通过直接给行内的标签绑定style属性,react规定style只能被赋值为一个对象
function App() {return (<div style={{color:'red',background:'yellow'}}>这是直接写在行内样式的文字</div>);
}
//看起来像是双{{}}语法,其实外面的{}表示开始写js语句,里面的{}表示一个对象
为了更加清晰的表示,这样写代码,与上面实现的效果是一致的
const textStyle = {color: 'red',background: 'yellow'
}
function App() {return (<div style={textStyle}>这是直接写在行内样式的文字</div>);
}
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
