react native学习：react native简介，react与react native的区别

本文内容如下

react native简介
react 与 react native的区别？

如果你都有了答案，可以忽略本文章，或去react native学习导图寻找更多答案

---

react native介绍

先略

​

---

react 与 react native的区别

共同点：
JSX语法
hook & class
state & props
typescript
数据请求：axios，fetch，ajax...
状态管理：redux, mobx, dva...


差异点：
标签：react：dom(div, p)       vs    native: View, Text，其他组件...
事件：react：dom(onClick)      vs    native: onPress(移动端事件)
路由：react：react-router      vs    native: react-navigation

样式：react：css, less...      vs    native: StyleSheet页内对象
样式属性：react：font-size      vs    native: fontSize(驼峰命名法)
像素单位：react：px, rem..      vs    native: 运行Android时被解析成100dp，ios时被解析成100pt
布局方式：react：flex, float..  vs    native: flex
布局排列：
flex-Direction: row(默认水平)  vs    flexDirection: column(默认垂直)
滚动视图：overflow: scroll      vs   ScrollView短列表组件, FlatList长列表组件


总结：
核心语法相同，但随着移动端和PC端的不同，标签，事件，路由，屏幕等有所不同

学习更多

react native学习导图