React 初始
来源:互联网 发布:淘宝首页图片轮播代码 编辑:程序博客网 时间:2024/05/29 03:53
react 需要的文件
\react 写在javascript 中,格式如下:
react 组件
var HelloMessage = React.createClass({
render: function(){ return <h1> hello world! </h1>}
});
ReactDOM.render(
<HelloMessage />,document.getElementById('example');
);
react 复合组件
var Website = React.createClass({
render: function(){
return (
<Name name={this.props.name} /> <Link site={this.props.site} /> </div> ); }
});
var Name = React.createClass({
render:function(){
return ({this.props.name}
);
}
})
var Link = React.createClass({
render:function(){
return ({this.props.site});
}
})
ReactJS总结一下,主要有以下几点:
1、ReactJs是基于组件化的开发,所以最终你的页面应该是由若干个小组件组成的大组件。
2、可以通过属性,将值传递到组件内部,同理也可以通过属性将内部的结果传递到父级组件(留给大家研究);要对某些值的变化做DOM操作的,要把这些值放到state中。
3、为组件添加外部css样式时,类名应该写成className而不是class;添加内部样式时,应该是style={{opacity: this.state.opacity}}而不是style=”opacity:{this.state.opacity};”。
4、组件名称首字母必须大写。
5、变量名用{}包裹,且不能加双引号。
阅读全文
0 0
- React 初始
- 初始React
- 初始React Native - 环境搭建
- React全栈 读书笔记 【第三章 初始React】
- WebStorm 下React和webpack的初始配置
- 【转】快速搭建react的webpack初始环境
- 初始
- 初始
- 初始
- 初始
- 初始
- 初始
- 初始
- 初始
- 初始
- 初始
- 初学React,setState后获取到的thisstate没变,还是初始state?
- React
- siege压力测试工具安装和介绍
- 地理数据几何校准
- yii2使用Dao并对接受到的参数进行过滤
- android线程实现后台设置时间自动更新
- Linux 网络连接出错处理
- React 初始
- 研究高德地图回放的感悟
- Android生成PDF文件、webview加载本地PDF或者网络PDF
- Unity3d Ugui 穿透Image点击Button
- 于CentOS6.8配置ISCSI-tgtd---Linux
- sklearn preprocessing 数据预处理(OneHotEncoder)
- Chrome浏览器 + SwitchyOmega插件 + SecureCRT 实现墙外或内网http访问
- laravel 多条件查询详解
- APP加急审核