Blog

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>
      </>
   );
}

返回>>

请登录后再发表评论。

评论列表:

目前还没有人发表评论