快速入门 React指南 参考 Flux Tips

发布于 2015-07-12 09:56:21 | 906 次阅读 | 评论: 0 | 来源: 网络整理

在 React 中,行内样式并不是以字符串的形式出现,而是通过一个特定的样式对象来指定。在这个对象中,key 值是用驼峰形式表示的样式名,而其对应的值则是样式值,通常来说这个值是个字符串(了解更多):

var divStyle = {
  color: 'white',
  backgroundImage: 'url(' + imgUrl + ')',
  WebkitTransition: 'all', // 注意这里的首字母'W'是大写
  msTransition: 'all' // 'ms'是唯一一个首字母需要小写的浏览器前缀
};

React.render(<div style={divStyle}>Hello World!</div>, mountNode);

样式的 key 用驼峰形式表示,是为了方便与JS中通过DOM节点获取样式属性的方式保持一致(比如 'node.style.backgroundImage')。另外浏览器前缀除了ms以外 首字母应该大写。想必 WebkitTransition 的首字母是“W”就不难理解了。

最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务