有很多坑踩过的,记录下来。尤其是css,相信前端er们最讨厌写的就是css
环境配置篇
一篇文章了解Mac上Node环境配置
样式篇
如何设置表格的单元格内容高度
必须要给单元格加一个高度,当然这个高度的值本身并不会生效 <td style="height: 1px"/>
Antd
表格列宽度使用百分比
目前,antd@3.x
版本的Table
列宽度只支持string
或number
设置,而大部分情况,表格通常会布满某一个弹性容器,这使得我们不知道表格的真实宽度。并且由于不能对Column
使用ref
或style
,在这种情况下如果想按照比例设置列宽度就颇为头疼。我找到了一个比较hack
的方法: 使用render渲染列内容,然后通过子元素的ref找到父节点(td
),再指定父节点的宽度.
<Column
render={data => (
<div
ref={(ref) => {
// parentNode 是 td
// word-break 针对超长文本折行处理,否则宽度不生效
ref.parentNode.style = `width: ${columnConfig.widthRatio}%; word-break: break-all`;
}}
>
{data}
</div>
)}
/>
React篇
传入组件的数据变了,但是组件没有重新渲染
已经不推荐使用componentWillReceiveProps
生命周期,而且也不要直接这样去解决。当你遇到这种情况的时候,尤其要注意是不是组件是列表渲染出来的。每一个需要重新渲染的组件都要给一个唯一key
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。