2023-10-16 03:24PM
通过 style 添加内联样式的时候，容易犯的错误。
JSX 比 HTML 更加严格。你必须闭合标签，如 <br />。你的组件也不能返回多个 JSX 标签。你必须将它们包裹到一个共享的父级中，比如 <div>...</div> 或使用空的 <>...</> 包裹：
错误使用：
function Style() {
return (
<>
<p style = {fontSize: 20}>hello，react!</p>
<p style = {color: 'blue'}> hello, world!</p>
</>
);
}
正确使用：
function Style() {
return (
<>
<p style = {{fontSize: 20}}>hello，react!</p>
<p style = {{color: 'blue'}}> hello, world!</p>
</>
);
}
登录
请登录后再发表评论。
评论列表:
目前还没有人发表评论