javascript - 如何将语义 UI 与 React 和 Express 结合使用？

Question

我是 Semantic/React/Express 的新手。如何在 React 中包含语义样式表？我是否需要一个直接链接到语义 css/JavaScript 文件的 html 文件？现在，我没有使用任何 html 文件。

我的主页，dashboard.jsx:

var React = require('react');
var Layout = require('./layout');

class Dashboard extends React.Component {
  render() {
    return (
      <Layout title={this.props.title}>
        <h1>{this.props.title}</h1>
        <div class="ui three item menu">
          <a class="active item">Editorials</a>
          <a class="item">Reviews</a>
          <a class="item">Upcoming Events</a>
        </div>
      </Layout>
    );
  }
}

Dashboard.propTypes = {
  title: React.PropTypes.string
};

module.exports = Dashboard;

Answer 1

在 React 组件中使用 className 而不是 class。

要使用这些类，只需在 html 文件中正常导入 css 文件即可。 React 最终只会将您的代码呈现为 HTML，如果您的 .css 文件存在于导入中，通常会应用类。

要导入 CSS，只需添加到您的 html 文件中:

<link rel="stylesheet" href="your_css_here.css">