react动态添加样式：style和className

className动态添加

可以实现的语法如下：

1、使用逻辑运算符

2、使用三元运算符

3、使用函数

4、数组语法

5、使用ES6写法（推荐使用ES6写法）

或者使用classnames依赖库

style动态添加

1、当前标签无其他class，并且只动态添加一个className

在react 16版本已经可以支持给标签添加自定义属性。

react 15和之前的版本不支持，但是可以通过ref的形式解决。如下。

render(){

return <div ref={ele =>ele.setAttribute('title', 'data')}></div>

}

第一步:导出(export)组件 export default前缀是一个标准的 JavaScript 语法(并非 React 专用)。改语法用于在文件中标记主函数(main function)以便将来在其它文件中导入(import)该函数。

第二部:定义函数 通过function Profile() {}形式,你定义了一个名为Profile的 JavaScript 函数。 React 组件就是普通的 JavaScript 函数,但 函数名必须以大写字母开头,否则将无法正常使用!

第三步:添加 markup 该组件返回一个<img />标签(tag),并带有src

---