Question

component.js有4个组件，每个组件都在页面的不同部分呈现：

component.js

ReactDOM.render(<ComponentLeft1/>, document.getElementById("colLeft1"));
ReactDOM.render(<ComponentRight1/>, document.getElementById("colRight1"));
ReactDOM.render(<ComponentLeft2/>, document.getElementById("colLeft2"));
ReactDOM.render(<ComponentRight2/>, document.getElementById("colRight2"));

export default {ComponentLeft1,ComponentRight1,ComponentLeft2, ComponentRight2};

有没有办法让我可以在另一个文件中使用这些组件，以便它们在 component.js 中呈现相同的方式，或以某种方式组合这4个组件，但仍然可以像他们目前在吗？

Answer 1

您可以随意导入组件，并通过提供正确的路径

来使用它

例如：如果要将** ComponentLeft1 **导入其他文件，则只需将其导入为：

import {ComponentLeft1} from './componentjs'

最后，在该文件中将其用作

<ComponentLeft1 />

渲染在不同位置呈现的组件

1 个答案: