DEV Community
·
React 基础：组件样式/内联样式
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
在JavaScript中，内联样式使用'style'属性，属性名采用驼峰命名，如fontWeight: 'bold'。如果使用CSS风格（kebab-case），需要用引号包裹。示例代码展示了一个按钮，点击后背景变为粉色，并在中心显示'Clicked!'。
🎯
关键要点
- 内联样式必须在JavaScript中编写。
- 属性名必须为'style'。
- 设置样式时，属性名需采用驼峰命名法，例如fontWeight: 'bold'。
- 如果使用CSS风格（kebab-case），需要用引号包裹。
- 示例代码展示了一个按钮，点击后背景变为粉色，并在中心显示'Clicked!'。
🏷️
标签
➡️
