需求:由于在项目开发中,当需要使用该组件时都需要对该组件进行大量的代码输出,为了方便代码统一管理,减少冗余代码,所以将此组件进行二次封装. 其他成员在使用中只需将自己的设置通过对应的参数传递到该组件,在执行选中操作后直接将返回值回传给调用的父组件即可. 技术涉及:react+ts+antd 代码如下: parent.tsx import React from 'react'; import MonthPicker from '../components/DatePicker/children';…
ts介绍 TypeScript是一种由微软开发的自由和开源的编程语言.它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程. 与js关系 ts与js区别 TypeScript JavaScript JavaScript 的超集,用于解决大型项目的代码…
react-native init的时候出现问题:npm WARN React-native@0.35.0 requires a peer of react@~15.3.1 but none was 2017年12月05日 10:23:35 笨笨CEO 阅读数:4625 标签: react native 更多 个人分类: react native   react-native init的时候出现问题: 报错信息 解决方案: 方法一:npm install -save react@~15.3.1…
react+redux构建淘票票首页 描述 在之前的项目中都是单纯的用react,并没有结合redux.对于中小项目仅仅使用react是可以的:但当项目变得更加复杂,仅仅使用react是远远不够的,我们需要将UI渲染和数据处理区分开,因此我们需要引入redux来管理数据层.写该小demo的目的主要是为了在理论学习的基础上更好的进行实践,通过自己亲手写个小项目我们才能更好的理解redux是如何管理数据层的.数据是取自淘票票官方二月份的部分数据. 技术栈 react.js.react-router.…
Vue.js学习系列: vue.js2.0实战(1):搭建开发环境及构建项目 https://my.oschina.net/brillantzhao/blog/1541638 vue.js2.0实战(2):IDE配置及使用 https://my.oschina.net/brillantzhao/blog/1541702 vue.js2.0实战(3):基础示例 https://my.oschina.net/brillantzhao/blog/1541821 vue.js2.0实战(4):vue-r…
在这里阅读效果更佳 还记得当年和同桌在草稿纸上下三子棋的时光吗 今天我们就用代码来重温一下年少(假设你有react基础,没有也行,只要你会三大框架的任意一种,上手react不难) 游戏规则 双方各执一子,在九宫格内一方三子连成线则游戏结束 九宫格下满未有三子连线则视为平局 你可以点击这里来体验最终效果,样式有点丑,请见谅 准备阶段 建议先全局安装typescript 和 create-react-app(安装过请忽略) npm install typescript create-react-ap…
[初始化项目] mkdir react_ts_eslint cd react_ts_eslint npm init [生成ts配置文件] tsc --init [安装相关依赖] npm install typescript webpack webpack-cli webpack-dev-server ts-loader cross-env webpack-merge clean-webpack-plugin html-webpack-plugin -D npm install react @ty…
为什么会有这样一篇文章?因为网上的教程/示例只说了怎么做,没有系统详细的介绍引入这些依赖.为什么要这样配置,甚至有些文章还是错的!迫于技术洁癖,我希望更多的开发小伙伴能够真正的理解一个项目搭建各个方面的细节,做到面对对于工程出现的错误能够做到有把握. 最近使用阿里低开引擎的时候,想要封装一套组件库作为物料给低开引擎引入.根据低开引擎的物料封层模式,我的诉求是做一套组件库,并且将该组件库以umd方式生成.当然,从零开始开发组件库也是一个比较耗时耗力的事情,所以我想到将antd组件封装,于是催生出了…
解决方案: 方法一: npm install -save react@~15.3.1 方法二:在package.json中可以添加依赖 "dependencies": { "react": "^15.3.2", "react-native": "^0.35.0", "react-native-orientation": "^1.17.0", "react-n…
install  the  react-native     here comes a  questions :: npm WARN react-native@0.41.2 requires a peer of react@~15.4.0 but none is installed. You must install peer dependencies yourself. HOW TO SOLVE THIS PROBLEM~~~~~::: Deleted node_module director…