登录 主页

React 通过 style 添加内链样式(在JSX中使用双括号{{}} )

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

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论