React技巧之设置行内样式

2022-08-19 15:27:51 浏览数 (1)

原文链接：https://bobbyhadz.com/blog/react-inline-styles[1]

作者：Borislav Hadzhiev[2]

正文从这开始~

总览

在React中设置行内样式：

  1. 将元素的style prop设置为对象。
  2. 为元素的样式设置指定的属性和值。
  3. 比如说，<div style={{backgroundColor: 'salmon', color: 'white'}}> 。
代码语言：javascript复制
// App.js

const App = () => {
  const stylesObj = {
    backgroundColor: 'lime',
    color: 'white',
  };

  const elementWidth = 150;

  return (
    <div>
      {/* 


	


css https 网络安全 react c++ 




	






	

 0 人点赞