React JS包含标题

时间:2016-06-12 14:25:10

标签: javascript php html reactjs

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

在header.php文件中,我会为我的页面标题编写一个html代码,然后这个标题将包含在index.php中:<?php include 'header.php'; ?>

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

拥有<Header /><Body />的组件对我来说不合适。

3 个答案:

答案 0 :(得分:1)

  1. 你在ReactJS中没有HTML,你所拥有的是类似HTML的语法JSX。
  2. 您可以通过几种不同的方式将React组件包含到另一个组件中:
  3. import Header from 'Header'

    import * as Header from './Header'

    import {abc} from './Header'

    require('Header')也有效。

答案 1 :(得分:1)

在文件中导入另一个文件有三种不同的方法

  1. 从“标题”

  2. 导入标题
  3. 从'./Header'

  4. 导入*作为标题
  5. 从'./Header'

  6. 导入{abc}

    还有一种方法可以导入

    需要( '标头')

    但是这不会在reactjs的更新版本中使用,所以请避免使用此方法。

    在反应js中你没有导入文件,你只需导入该文件的组件。

答案 2 :(得分:0)

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