我已经检查了这个answer,但只是想知道是否有更好的方法将CSS文件导入到反应组件中,就像任何其他JS文件一样。
类似SCSS的class Ticker extends Component {
constructor(props) {
super(props)
this.state = {
currencies: [],
limit: 12
}
}
getCurrencies = (num) => {
axios.get(`https://api.coinmarketcap.com/v1/ticker/?limit=${num}`)
.then(res => this.setState({
currencies: res.data
}));
}
componentDidMount = () => {
const { limit } = this.state;
this.getCurrencies(limit);
this.tickerTimer = setInterval(() => this.getCurrencies(limit), 10000);
}
render() {
const { currencies } = this.state;
return (
<div>
{currencies.map((currency) => {
return (
<Crypto key={currency.id} currency={currency} />
)
})}
</div>
);
}
}
并且不使用webpack或react-script-loaders
任何想法都会受到赞赏。
答案 0 :(得分:0)
你可以在index.html链接你的cdn ...如果你想使用sass你需要遵循官方文档(不要求弹出)