<分区>
<分区>
这里我想加载 .css 文件到我的 Js 文件中。这是我的 .js 文件。
import React from 'react';
import { connect } from 'react-redux';
import cssContent from './MyCss';//Here I want to load that css file.
class Home extends React.Component {
constructor() {
super();
this.state = {
}
console.log("Constructor called");
this.variables = ["name1", "name2"]
}
render() {
const todos = this.props.componentTodos.map((todo) => <div key={todo.id}><p>{todo.name}</p><p>{todo.completed}</p></div>)
return (<div>
{this.variables}
<h1>This is home</h1>
<input type="text" name="name" class="applycss" value={this.state.name} onChange={this.setData} />
<button onClick={this.logData}>Add Todo</button>
{todos}
</div>);
}
export default connect(,)(Home);
我想加载那个 MyCss 文件并在我的文本框中使用那些存在于 render() 方法中的 css 类。
最佳答案
你需要一个像 webpack2 这样的捆绑工具。
您将使用 css-loader 开始加载它。
使用 require('file.css'); 简单地包含它们。
有很多 ES6 样板可以为您做到这一点。
关于javascript - 如何在 Ecmascript 6 中加载 css 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46071410/