React JS 包含标头答案

【问题标题】：React JS include headerReact JS 包含标头
【发布时间】：2016-10-13 00:30:06
【问题描述】：

所以我是 React JS 的新手，目前我需要一些关于如何将 HTML 从另一个文件包含到当前文件的信息。例如在 PHP 中我会有一个 index.php 文件和一个 header.php 文件。

在 header.php 文件中，我会为我的页面标题编写一个 html 代码，然后通过执行以下操作将该标题包含在 index.php 中：<?php include 'header.php'; ?>

如何使用 React JS 做同样的事情？

拥有一个带有<Header /><Body /> 的组件对我来说看起来不太好。

【问题讨论】：

【解决方案1】：

import Header from 'Header'

import * as Header from './Header'

import {abc} from './Header'

require('Header') 也可以。

【讨论】：

【解决方案2】：

有 3 种不同的方式可以在您的文件中导入另一个文件

还有一种导入方法

要求（'标题'）

但是这在 reactjs 的更新版本中没有使用，所以避免使用这种方法。

在 react js 中你不是在导入文件，你只是导入该文件的组件。

【讨论】：

【解决方案3】：

你只需要导入头文件 import Header from 'Header'或var Header = require('Header')

【讨论】：