在布局中添加 key 用来标识: <CommonPanelWrap key={panelType}>
render () {
const { panelType } = this.state
const panelHtml = this.getPanelHtml()
return (
<CommonPanelWrap key={panelType}>
{panelHtml}
</CommonPanelWrap>
我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷
在日常的工作过程中 会遇到各种各样的问题 今天就是遇到一个问题 子组件的state更新之后视图不更新
renderSectionHeader={this._sectionComp}
renderItem={this._renderListRow}
sections={this.state.dataBlobSort}
const UpdateQuestion = () => {
let state = {
arr: ["a", "b", ["d", "e", "f"], ["1", "2", "3"]],
obj: {
msg: "ok",
data: {
page: 10,
list: [
const [textList, setTextList] = useState(原数组);
setTextList(新数组);
当修改原数组时，如果原数组是个深层数组（不只一层），使用setTextList修改时，不会触发页面刷新
原因分析：
这个涉及到可变对象和不可变对象的知识，在vue和react中，如果更新可变对象时，可能会引起视图更新，这是因为，vue和react默认都是浅监听，只会监听数据的第一层，内层数据发生改变，并不会监听到
React入门，大神轻喷哈^_^下面的代码是建立在React 0.14.*版本的今天在尝试封装React component的时候碰到了几个问题，猜小白们学习React中可能会碰到，我就整理下希望能帮助到小白们。Keyword: props children cloneElement
React父子组件交流一般是用props传递，比如：
React的核心为组件。你可以像嵌套HTML标签一样嵌套使用这些组件，这使得编写JSX更加容易因为它类似于标记语言。
当我刚开始学习React时，当时我认为“使用 props.children 就这么回事，我知道它的一切”。我错了。。
因为我们使用的事JavaScript，我们会改变children。我们能够给它们发送特殊的属性，以此来决...
本组件继承自PureComponent而非通常的Component，这意味着如果其props在浅比较中是相等的，则不会重新渲染。所以请先检查你的renderItem函数所依赖的props数据（包括data属性以及可能用到的父组件的state），如果是一个引用类型（Object或者数组都是引用类型），则需要先修改其引用地址（比如先复制到一个新的Object或者数组中），然
React组件中对子组件children进行加强
如何对组件的children进行加强，如：添加属性、绑定事件，而不是使用{this.props.children}在上进行处理。
今天写组件遇到这个问题，在网上查阅了很多资料，都说可以使用React.cloneElement进行处理，但是结果并不是预期想要的。
先看看这个东西有什么用：
React.cloneElement(elem...
