转载请注明预见才能遇见的博客： 详细资料:2.使用React的行内样式样式设置样式
(1)在JSX文件中定义样式变量,和定义普通的对象变量一样

getInputStyles方法根据不同的状态返回不同的样式
  在 React 中行內样式并不是以字符串的形式出现，而是通过一个特定的样式对象来指定在这个对象中，key 值是用驼峰形式表示的样式名而其对应的值則是样式值，通常来说这个值是个字符串,如果是数字就不是字符串,不需要引号 };另外浏览器前缀除了ms以外首字母应该大写,所以这里的WebkitTransition的W是夶写的。

  当为内联样式指定一个像素值得时候 React 会在你的数字后面自动加上 "px" , 所以下面这样的写法是有效的： };有时候你_的确需要_保持你的CSS属性的独立性。下面是不会自动加 "px" 后缀的 css 属性列表：
  zoom注释技巧:在React里注释不能用HTML的方式那是木有用的。也不能直接用js的注释那也是不行的。而是用大括号括起来之后用/**/来注释,看起来是这样的{/* 这是一个注释 */}