react中的jsx是否都在写在组件内？

Question

比如我写一个组件，我发现我写的JSX都是在组件里面的：

是否在react中，所有的jsx都存在于组件内？

Answer 1

jsx只是一种特殊的语法，可以把它当作一种模板语言，jsx里需要写render函数，最终会编译成虚拟dom，然后经过渲染后生成真实dom结构。
https://zh-hans.reactjs.org/d...

Answer 2

你可以简单的理解为，包括jsx的代码块都算一个组件。
比如当前文件模块中，你可以把一个button 抽离出去，而这个 Child 就是个函数组件。

...
const Child = () => <button ...>按钮1</button>

export class App4 extends Component {
  ...
  rener() {
    return (
      <div>
        <Child />
        <button2 ... />
      </div>
    )
  }
}