Lobos
Lobos
不用内置的分页,用Pagination组件。
嗯,是这样的,因为每个业务涉及到分页的情况都不一样,所以不好做成通用的组件。复用的话,自己外面在封装一层就可以了。大概类似这样。 ``` class CustomTable extends Component { constructor(props) { // ... this.state = { page = 1, size = 20 } } componentDidMount() { this.fetch() } fetch() { // fetch...
webpack配置了babel-loader么。新项目的话,可以试试这个脚手架,https://github.com/Lobos/ogier-react
你的babel-loader配置了exclude,把 rctui 给排除了,去掉这个,使用 include 来配置 ``` { test: /(\.jsx|\.js)$/, use: { loader: "babel-loader" }, exclude: /node_modules/ } ```
可以先不配置 include 和 exclude,看一下有没有问题
浏览器里执行出错?这个是没有引入React 库吧,在html里面引入就好了吧。
呃,这个是babel的问题……它的某些版本,需要强制require React,可以用这个插件 npm install babel-plugin-react-require --save-dev babelrc的plugin里面加一下 ``` "plugins": [ "react-require" ```
如果样式有问题,可能是css-module的问题,需要配置一下。 ``` test: /\.scss$/, use: [ { loader: 'style-loader' }, { loader: 'css-loader', options: { modules: true, localIdentName: '[name]-[local]' } }, ```
原先的不动,或者加一个 exclude,'node_modules/rctui',再加一个配置 include 就好了 ``` { test: /.(scss)$/, exclude: [path.resolve(__dirname, 'node_modules/rctui')], use: ['css-hot-loader'].concat(extractSCSS.extract({ fallback: 'style-loader', use: [ { loader: 'css-loader', options: {alias: {'../img': '../public/img'}} }, { loader: 'sass-loader' } ]...
或者 test 里面加上path, test: /node_modules\\/rctui\\/**\\/*\\.scss$/,这样应该也可以的