前言在上一章:React 简单教程-1-组件 我们知道了 React 的组件是什么,长什么样,用 js 和 HTML 小小体验了一下组件。在这一章,我们将使用 typescript(简称 ts) 来代替 js,这种语法的文件名后缀是 tsx。我强烈建议使用 ts 来开发 React,要说 ts 比 js 好在哪里?这么说,js 唯一不好的地方就是它只能用 js 来写。如果你不会 ts,那么你可以稍
项目组织结构所有的新增文件均放在项目根目录下的 src 里,主要有包含各页面的 components 子目录、数据模型的 data 子目录、负责数据存取的 stores 子目录、公共样式定义 styles 子目录、存放资源图片等的 resources 子目录等。index.ios.js 是 Native 应用的入口,该文件尽量简洁,指向 RN 项目里负责页面跳转的主文件 components/Ze
原创 2021-01-24 19:56:25
552阅读
打包 运行项目 npx react-script start
原创 2022-10-29 14:58:03
125阅读
前端
原创 2023-02-12 10:12:41
111阅读
引言:本文是我研究react-native时写的一个简单的demo,代码里有详细的注释,好废话不多说,直接上代码。 1.项目目录 2.index.android.js 3.service.js 4.util.js 5.searchBar.js 6.left_icon.js 7.header.js 8
转载 2017-07-10 17:15:00
146阅读
2评论
react-script提供了我们想要得功能 安装包
原创 2022-10-29 14:58:10
125阅读
前端
原创 2023-02-12 01:56:04
84阅读
前言本文详细的介绍如何从头开始搭建一个react项目,帮助新人了解项目搭建流程和打包流程。需要注意包版本问题,不同版本代表着不同的代码。如果包版本不同启动项目时可能会出现未知错误。目录说明└─config                             #webpack配置文件     │  webpack.build.config.js       #webpack生产配置文件     
转载 2021-01-31 20:11:53
278阅读
2评论
react项目实战--简单登录注册补充:在windows系统中查看,进入到需要查看的目录后,按住shift键,然后单击鼠标右键,选择“在此处打开命令窗口”,输入命令目录下的所有目录:tree目录下的所有目录和文件:tree /f项目目录树src│  index.js│  routes.js│├─components│  │  App.js│  │  NavigationBar.jsx│  ││  
转载 2021-03-12 11:02:28
750阅读
2评论
我们需要记录每一个字段当前的有效状态,有效时隐藏错误信息,无效时显示错误信息。 而这个有效/无效,可以在表单值改变的时候进行判断。 我们对/src/pages/UserAdd.js进行修改: 首先修改了state的结构,把每个表单的值都放到了一个form字段中,方便统一管理;然后每个表单的值都变为了
转载 2018-02-23 15:30:00
188阅读
2评论
前端
原创 2023-02-12 11:12:23
37阅读
本博客pdf链接: https://pan.baidu.com/s/1QFyYm_hJhZE4EWgq6yvpAg 提取码: 5mgxReact进阶之路系列学习笔记:React进阶之路系列学习笔记github源码:React_learning11.0 MoBX知识结构与核心概念1.MobX知识结构2.MobX数据流管理状态 3.MobX核心API1、obse...
原创 2021-07-14 15:39:11
1807阅读
视口知识点 指定视口的宽度
原创 2022-10-29 15:03:24
84阅读
AnySDK项目实战教程    管理提醒: 本帖被 fm2010 设
转载 2023-08-10 16:54:27
94阅读
http://www.cocoachina.com/bbs/read.php?tid-239087.htmlAnySDK项目实战教程   管理提醒: 本帖被 fm2010 设置为精华(2014-11-12)本帖属于CocoaChina会员发表,转帖请写明来源和帖子地址一、Cocos2d-x环境的搭建关于Cocos2d-x的环境搭建,网上相关的教程已经有很多了,在此就
转载 精选 2015-03-09 10:16:26
613阅读
React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站, 并于 2013年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。
原创 2021-04-18 11:22:27
230阅读
听说iris更好:1.  iris hello world package main import "github.com/kataras/iris" func main() { app := iris.New() app.Get("/", func(ctx iris.Context) { //ctx.HTML(`<p>hello wor
重复代码是混乱的根源!,本篇文章我们来继续消灭重复代码。 目标 细心的同学应该能发现:每一个Page组件(/src/pages下的组件)的render方法都拥有相似的jsx结构,比如: 每一个页面都包含一个页面的标题(header标签和h1标签),并且页面的主要部分都被放在了一个main标签中。 现
转载 2018-03-09 23:38:00
72阅读
2评论
react可以利用React.Fragment代替div进行数据展示
原创 2022-11-12 07:17:36
103阅读
一、创建项目在WebStorm里面创建一个项目,输入命令:yarn create umi弹出选项,这里我们选择第二项APP。选择是否使用typescript,
  • 1
  • 2
  • 3
  • 4
  • 5