我使用 create-react-app 创建了一个反应应用程序,并添加了一个按钮组件,一个用于按钮的 css。当我为按钮加载故事时,没有为按钮加载样式。下面粘贴相关文件。是否有我要做的任何配置,以启动并运行样式?
组件:index.js
import React, { Component } from 'react';
import styles from './style.css';
class CustomButton extends Component{
render(){
return (
<button className={styles.customButton}>Hello</button>
);
}
}
export default CustomButton;
Run Code Online (Sandbox Code Playgroud)
样式.css:
.customButton {
border: 1px solid red;
padding: 10px;
background-color: rgb(223, 19, 19);
}
Run Code Online (Sandbox Code Playgroud)
故事档案:
import React from 'react';
import CustomButton from '../../src/index';
import { storiesOf } from '@storybook/react';
const story = storiesOf("Custom button",module);
story.addWithJSX("simple",() => <CustomButton/>);
Run Code Online (Sandbox Code Playgroud)
系统信息:
Environment Info:
System:
OS: Windows 7 6.1.7601
CPU: …Run Code Online (Sandbox Code Playgroud)