React JSX:父组件的重新渲染重新挂载子组件正常吗？

React JSX是一种用于构建用户界面的JavaScript语法扩展。它允许开发人员在JavaScript代码中直接编写类似HTML的标记，以声明式地描述UI的结构和外观。在React中，JSX被用作React元素的语法糖。

当父组件重新渲染并重新挂载时，React会对子组件进行一定的优化处理。React会比较新旧虚拟DOM树的差异，并仅更新必要的部分，以提高性能。在这个过程中，React会尽量复用已经存在的子组件实例，而不是重新创建新的实例。

具体来说，当父组件重新渲染时，React会比较新旧虚拟DOM树的差异，并将差异应用到实际的DOM上。如果子组件的props没有发生变化，React会认为子组件的输出也没有变化，因此不会重新挂载子组件。相反，如果子组件的props发生了变化，React会卸载旧的子组件实例，并创建一个新的子组件实例来替代它。

这种优化机制可以有效地减少不必要的重新渲染和挂载操作，提高应用的性能。但是需要注意的是，如果子组件的props发生了变化，但是子组件内部使用了shouldComponentUpdate或React.memo等方式进行了自定义的shouldComponentUpdate逻辑，那么子组件可能会继续重新渲染和挂载。

总结起来，父组件的重新渲染和重新挂载对于子组件来说是正常的，但React会尽量复用已存在的子组件实例以提高性能。如果需要进一步优化子组件的渲染性能，可以使用shouldComponentUpdate或React.memo等方式进行自定义的shouldComponentUpdate逻辑。

关于React JSX的更多信息，可以参考腾讯云的React文档：React - 腾讯云