reactJs 学习

shinezejian 发布于2019-08-22 10:42 / 2096人阅读

摘要：和是的最基本方法，用于将模板转为语言，并插入指定的节点应用的使用，指令定义一个应用程序通过两者对比，是通过内部进行模板定义，然后内部进行相应的操作然后进行模板的渲染进行数据展示的方式则是定义一个应用程序定义它的数据作用域，然后进行数据绑

①.ReactDOM.render 和 angular ng-app

a.ReactDOM.render 是 React 的最基本方法，用于将模板转为 HTML 语言，并插入指定的 DOM 节点

b.angular 应用的使用，ng-app 指令定义一个 AngularJS 应用程序

c.通过两者对比，reactJs 是通过内部进行模板定义，然后内部进行相应的操作
  然后进行模板的渲染进行数据展示angularJs 的方式则是定义一个应用程序
  定义它的数据作用域，然后进行数据绑定，然后进行数据显示reactJs 
  这种写法其实有点类似于 angular directives

②. JSX 语法
a.JSX (Javascript XML syntax transform) 是使用XML语法编写Javascript的一套解析工具
b.使用JSX 和不使用JSX

c.JSX的便利之处

 1.使用类似于xml的写法，对于dom节点的查看更加直观
 2.减少了繁琐的dom操作的过程
 3.同时如果如果在react中碰到{} 会以JavaScript的方式进行解析

③.React 组件

a.React 允许将代码封装成组件（component），然后像插入普通 HTML 标签一样

在网页中插入这个组件。React.createClass 方法就用于生成一个组件类
类似于 angular directives

④.props vs state

a.props 可以看作一个可以获取dom 元素属性的对象(不是用于和用户进行交互的)

这个图片的name 在HelloMessage 中组件中定义就可以通过 this.props.name进行获取

b.state 是用于和用户进行数据交互的，就是将组件看成是一个状态机，一开始有一个初始状态，然后用户互动，导致状态变化，从而触发重新渲染 UI

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/91119.html

[React Native Android 安利系列]ReactNative中的reactjs基础

摘要：个人感觉这与中的布局文件类似。其中的会被解析。中的标签，由基础库提供。认为，我们的程序是一个状态机。支持我们更改状态，从而引起视图的变化。绑定事件是放在中的。事件名称直接写为标签的属性，其值则是对应的事件处理函数。这一系列课程说了很多关于react-native的知识，都是有关于样式，底层，环境等知识的，现在我们来学习一下reactjs的基础知识。我们的代码，我们创建的组件的相关知识...

EddieChan 2019-08-20 11:25 评论0 收藏0
翻译 | 从 ReactJS 到 React-Native—两者的主要差异是什么？

摘要：跟非常相似，但是在开始尝试你第一个之前，也需要了解两者之间的一些差异。推荐的方式是使用提供的。能用到组件中的或者上以启用这个组件的触摸事件。华翔，Web前端开发工程师著作权归作者所有，转载请联系作者获得授权。 showImg(https://segmentfault.com/img/bVUliz?w=640&h=235); React-Native已经诞生有两年左右了，自从适配了An...

darkerXi 2019-08-21 12:05 评论0 收藏0
ReactJS组件之间通信

摘要：最近在学习，不得不说第一次接触组件化开发很神奇，当然也很不习惯。最近在学习react.js，不得不说第一次接触组件化开发很神奇，当然也很不习惯。react的思想还是蛮独特的，当然围绕react的一系列自动化工具也是让我感觉亚历山大今天总结一下react组件之间的通信，权当是自己的学习笔记： reactJs中数据流向的的特点是：单项数据流 react组件之间的组合不知道为什么给我一种数...

codecook 2019-08-22 10:39 评论0 收藏0
基于koa2+reactjs的nodecms 方便快速开发企业站

摘要：技术栈特点后端通过作为数据库，启动进程后台通过支持的最新语法前端可以通过和模板渲染的方式处理很适合开发企业站开发支持热更新热重载支持前端路由配置更好的权限管理更好的初始化方式省去的导入更易于的后端路由来源因为看见的多数基于，所有想用试试，但 showImg(//static.cnodejs.org/FozFYJZ7OqcJ0sT8RK4vpjA0pB7r); 技术栈 webpack4...

Cheng_Gang 2019-06-26 17:50 评论0 收藏0
基于koa2+reactjs的nodecms 方便快速开发企业站

摘要：技术栈特点后端通过作为数据库，启动进程后台通过支持的最新语法前端可以通过和模板渲染的方式处理很适合开发企业站开发支持热更新热重载支持前端路由配置更好的权限管理更好的初始化方式省去的导入更易于的后端路由来源因为看见的多数基于，所有想用试试，但 showImg(//static.cnodejs.org/FozFYJZ7OqcJ0sT8RK4vpjA0pB7r); 技术栈 webpack4...

DC_er 2019-08-23 12:18 评论0 收藏0