ReactUI组件 怎么调用单个组件

#1 
import React from 'react';
var Input = require('rctui/Input');
React.render(
	<Input grid={1/4} placeholder="基础文本"/>,
	document.getElementById('myinfo')
);

研究了好久都不会用ReactUI 各位大神帮我解释下 最好有个demo

#2 
import React,{Component} from 'react' ;
var ReactUI = require('./lib/rctui') ;
var Grid = ReactUI.Grid ;
var Button = ReactUI.Button ;
export default class App extends Component{
    constructor(props){
        super(props) ;
    }
    render(){
      return (
        <div>
          <Button status="primary">Primary</Button>
          <Button status="success">Success</Button>
          <Button status="warning">Warning</Button>
          <Button status="error">Error</Button>
          <Button status="info">Info</Button>
          <Button>Normal Button</Button>
        </div>
      ) ;
    }
}
#3

有个内置的demo，建一个文件夹

npm install rctui
node node_modules/rctui/cli/init.js -all
node devServer.js
#4

没找到demo.js这个文件

#5

demo.js 是webpack打包后生成的文件，看webpack.config.js 的 entry

#6

每次webpack之后都会提示找不到模块 webpack autoprefixer precss

#7

你好 我还是不会用啊 能不能再详细点

#8

还是报错

#9

请问一下各位表哥，通过自己建的react 项目怎么调用 rctui 这个UI组件，，直接引入 不行啊

#10

你好，我也是一个初学者，写了一遍官网的demo，然后用react+node+webpack构建了一个粗陋的简历（还没做完），这个rctui是可以直接引入使用的，但是要使用babel编译，不知道你运行的时候报的什么错。

#11

:joy:不知道为啥新建了一楼，上面是我回复你的

#12

报 React is not defined

#13

之前调用Alert 这个组件都可以，但是后面的都不行了

#14

推荐使用antd，
我写了一个架子，你可以参考：
https://github.com/JasonBai007/react-seed

#15

后面的页面不行说明没有引入react吧，检查一下代码呢，看你的样子是没有使用webpack打包的，你可以看一下我踩坑的过程 https://github.com/Neras/react-resume

#16

图挂了，React is not defined 是因为把React打包在项目里的时候需要 配置 babel-plugin-react-require ，建议是不要把React打包在项目里

#17

是的，，谢谢表哥