不常见使用的css

flex和white-space等属性

1.flex属性让所有弹性盒模型对象的子元素都有相同的长度，忽略它们内部的内容。style={{flex:5}},该元素占父元素的六分之五。

2. white-space:nowrap;用于处理元素内的空白，只在一行内显示。

3. text-overflow:ellipsis;超出部分显示省略号。

组件的css导入时会加上___xxxxx渲染成唯一标识，所以有些样式需要在index.html上修改覆盖。

react动态改变html元素:

function createMarkup() { return {__html: ‘First · Second‘}; };
<div dangerouslySetInnerHTML={createMarkup()} />