Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在react中添加内联样式?_Javascript_Reactjs - Fatal编程技术网

Javascript 如何在react中添加内联样式?

Javascript 如何在react中添加内联样式?,javascript,reactjs,Javascript,Reactjs,我是新来的。我尝试了{{style=color:“red”},但这给了我一个错误。如果您能帮助我,我将不胜感激。在react中添加内联样式很容易style={{color:“red”}这是您的操作方式。以下是一个示例: //结果样式:“10px” 你好,世界! //结果风格:“10%” 你好,世界! // Result style: '10px' <div style={{ height: 10 }}> Hello World! </div> // Result

我是新来的。我尝试了
{{style=color:“red”}
,但这给了我一个错误。如果您能帮助我,我将不胜感激。

在react中添加内联样式很容易
style={{color:“red”}
这是您的操作方式。

以下是一个示例:

//结果样式:“10px”
你好,世界!
//结果风格:“10%”
你好,世界!
// Result style: '10px'
<div style={{ height: 10 }}>
  Hello World!
</div>

// Result style: '10%'
<div style={{ height: '10%' }}>
  Hello World!
</div>