如何创建另一个组件并在ComponentA中使用它?
有两种可能的方法:
1- 在同一文件中定义组件,无需导出该组件,因为您将在同一文件中使用该组件。
2- 在另一个文件中定义组件,然后导出该组件。在这种情况下,将需要导入组件。
我们可以在同一个文件中创建任意数量的组件,并且可以像使用HTML标记
div, span, p等一样使用这些组件。
例:
ComponentB在另一个组件内部使用
ComponentA:
export default class ComponentA extends components { render(){ return(<div> {} <ComponentB /> // notice here, rendering ComponentB</div> ) }}ComponentB像这样在同一文件中定义:
class ComponentB extends components {}ComponentB在另一个文件中这样定义:
export default class ComponentB extends components {}


