react-ui
react-ui copied to clipboard
Lobos
A collection of components for React, base on bootstrap 4.0.
关于bootstrap4，你在该项目中是指styles路径下的scss文件吗？不是npm install bootstrap4 ? 如果我是用的install，应如何操作？能不能将你的style介绍一下，因为我有参考Core UI for react
ERROR in ./src/views/mydesk/TraceList.js Module not found: Error: Can't resolve 'rctui/DatepickerRange' in 'C:\Users\Harry\web develop\oa3test\src\views\mydesk' @ ./src/views/mydesk/TraceList.js 39:23-55 @ ./src/views/mydesk/All.js @ ./src/containers/Full/Full.js @ ./src/index.js ERROR in ./node_modules/[email protected]@rctui/higherOrders/Fetch.js Module parse failed: Unexpected token...
我是使用create-react-app自动创建的项目，在使用react-ui的过程中，一直提示报错： ./node_modules/rctui/Button.js Module parse failed: D:\workspace\web\branches\test\app_huiyiabc\huiyi\source\web\node_modules\rctui\Button.js Unexpected token (31:56) You may need an appropriate loader to handle this file type. | | render () { | let { children, status,...
请问下我下载的是@types/react 用import React from “react” 引用报错 提示react/node_modules/@types/react/index"' has no default export. 这个怎么解决呢
看了下作者源代码，有几个问题想问下.如果在下有说的不对的地方希望指出。 看了下Modal组件里面的这行代码： ``` const div = document.createElement('div') document.body.appendChild(div) const container = ReactDOM.render(, div) ``` @Lobos 我的理解作者应该是想做成做成单例，使用的时候就一直在这个Container里面做增加modal和删减Modal之用。**那么我的问题是:**这行代码如果我在创建自己页面或者是组件时使用import Modal from '***/Modal'时就会执行这段代码，明显这时页面的DOM不一定就位，那么浏览器就会有提示说这样写是有问题的。 当然强引是可以搞定的，不过如果作为组件去使用的话，我觉得应该用的优雅点好。请问下有什么方式是可以优雅的使用它的?
首先是rctui的npm包没有包含source-map，所以在webpack里用source-map-loader的时候会报错。 加入source-map-loader的例外以后，发现该库用到object-rest-spread语法，尝试加入babel-plugin-transform-object-rest-spread、并给rctui专门配置babel-loader后解决。 但是由于我的项目使用的是preact，babelrc里有["transform-react-jsx", { "pragma": "h" }]这样的配置，正常经过编译的npm库由于不走babel，所以不会遇到问题（有preact-compat兼容react库），但rctui如前所述必须经过babel编译，而又是针对react开发的库没有使用到“h”，所以报错。 尝试删除.babelrc并把不同的babel options放到webpack config以后，发现这个项目的webpack也是用es6写的，没有babelrc无法运行，遂最终放弃。 究其根本，该项目发布的npm包没有经过build是主要原因，也许作者是为了能够按需引入。 开源作者非常辛苦，这个项目也非常优秀，如果我后续能解决这些问题，会给出PR。 感谢。
