React-ui: 基于react的js控件库

#24

发了0.6.1,可以用命令加载环境配置了

npm install rctui
node node_modules/rctui/cli/init.js [options]
options:
    - all        安装/升级依赖包,增加demo文件,devServer服务,webpack配置
    - update     只安装/升级依赖包
    - demo       一个简单的demo
    - server     在项目根目录下添加一个devServer.js文件,可以通过 node devServer.js 启动
    - webpack    在项目根目录下添加一个webpack.config.js文件,注意备份原来项目里的webpack配置文件

node devServer.js

#25

是不是IE8下是不支持的。

#26

嗯,因为后续版本的React也不支持IE8了

#27

求助,这个框架要怎么使用呀,求助/(ㄒoㄒ)/~~

#28

有个最简单的方法,nodejs版本 > 4,npm > 3

npm install rctui
node node_modules/rctui/cli/init.js all

自带一个小的demo,各种依赖全部配置好了

node devServer.js

访问 localhost:3000 就可以看到了

#29

谢谢您的及时回复,我跑起来了那个demo,感觉这个真的很好用^^,点赞,我想使用您的框架,去开发几个通用型的页面,我感觉我需要学习一下webpack打包,然后把我在工程里面写好的几个组件打包出来。。。暂时有这么个思路,先动手试试看,我是一名react新手,应该以后还会有问题请教><,还望多多指点,框架很赞~

#30

嗯,有问题尽管问。有bug给我提issue就好了

#31

hi~你好,最近使用了您的rctui,感觉整个设计和实现都很棒,但是遇到了一个小小的问题,我一直想不明白,希望可以跟跟您请教一下~

就是在checkboxgroup组件中,
如果我希望实现一个全选功能,
我预期的方法是设置checkboxgroup的value属性来控制是否全选,
但是,
在checkboxgroup组件中的componentWillReceiveProps里,其实并不能接收到外部传的value,但我如果把checkboxgroup中value属性改一个名字比如改成叫checkedValue,就可以了,不知道是不是react component的props.value是比较特殊的?

希望您帮忙看一下这个问题。谢谢谢谢。。

另外还有一个小问题想问,

就是Table组件中,对于select功能,如果我不传pagination的话,执行到这个地方会报错
this.props.pagination ? this.props.pagination.props.size : data.length

说props.pagination没有.props.size

#32

CheckGroup 这个发下源码看看,传value应该是可以的
Table是上次合并了一个提交,有个bug,发了一个小版本修复了,多谢指出来

1 Like
#33

嘿嘿 谢谢回复:blush:

代码是这样的,在某个组件中,有个checkboxgroup

<FormControl type="checkbox-group" value={this.state.checked} data={this.props.data}/>
初始化的时候
this.state = { checked: "1," };

第一次mount的时候,checkboxgroup能收到value参数,展现也是ok的,id为1的checkbox默认被选中,没有问题

如果我再加一个按钮来改变this.state.checked

<input type="button" onClick={function(){ _this.setState({checked: "1,2,3"}); }}/>

在组件的componentWillReceiveProps打印出props和nextprops,都得不到value值

如果我给value属性改成其他的名字,就没有问题

#34

刚刚接触react,还不是很熟悉,麻烦您了
谢大神!!!!!!!!!!!!!!!!

#35

你是在Form里面用的吧,是这样的,formData的优先权是高于FormControl的,就是说FormControl里面设置的value是初始值,相当于defaultValue,如果要改这个值的话,应该改formData

1 Like
#36

明白了,感谢! 顺便夸一下Table,真的很好用

#37

不好意思,这帖子好像有点久了,但我对你提出来的table的api挺感兴趣,这也一直是挺困扰我的问题。我看了rctui的方法,可能由于我没太过仔细看,始终没有找到如何在父级component取得table状态的方法。而你的实现可以通过回调函数将状态值交给父级处理,比较符合一般组件的做法,但由于部分处理逻辑并没有封入组件中,结合代码美观性与灵活度,似乎和纯html差不多。所以在想,像table这类的,可能采用纯html会更好。

#38

唯一的冲突点就在于,table到底是基于行控制还是基于列控制,哪种更方便,我是直接尝试了基于列的控制,并且我认为SubRender的概念对于复杂单元格的复用也会起到强制性的推进

#39

你好,感觉这个UI不错 打算应用,但是,编译ES6的时候遇到问题,编译使用的是glup+babel6,用babel编译的ES6和jsx,但是,在编译的时候报错,如图
代码中错误指向let { label, layout, items, children, …otherProps} = props;都是类似这样的赋值报错,作者知道这个该怎么解决么?查了很久,都没找到解决办法。

#40

这里有实践积累的众多组件 http://www.icafebolger.com/reactjs/reactcomponent.html

#41

各种npm错误,完全不能update

#42

关于配置,可以参考一下这个教程 https://github.com/Lobos/react-example

1 Like
#43

感谢大神,已入坑,修改init.js npm为nrm搞定了。