typescript
SarinaDu
学习是一种修行
展开
-
react+typescript实践总结
1、给绑定在dom上的方法传参1.1定义getDetailByBookId = (id: string) => { console.log(id)}1.2调用<a data-id={book._id.$oid} onClick={this.getDetailByBookId.bind(this, book._id.$oid)}>详情&原创 2018-08-08 16:15:00 · 1876 阅读 · 0 评论 -
typescript将简单对象数组转换成父子结构(具有children属性)的对象
转换效果initDat=[ { title: '节点1', pkey: '-1', key: '2', }, { title: '节点2', pkey: '2', key: 'test1', }, { title: '节点3', pkey: '2', key: 'test2', }]转换为:...原创 2018-08-27 17:57:16 · 3269 阅读 · 0 评论 -
乱七八糟的积累-React+typescript
1、React.Fragment的使用renderCompontent = () => { return ( <div> <Compontent1/> <Compontent2/>原创 2018-09-28 09:23:18 · 154 阅读 · 0 评论 -
react中组件、变量常量、方法的导入导出总结即export 与 export defualt的区别
@[总结react中组件、变量常量、方法的导入导出)组件导出export default class Component extends Component{ render(){ return (<div>Hello, World.</div>) }}}导入import Compo转载 2018-11-16 12:38:07 · 12204 阅读 · 0 评论 -
props 变化导致新一次数据请求和页面展示更新效果在 react 新生命周期中的处理
前言日常积累,欢迎指正正文需求有这样一个需求: props.planId 修改就要触发 getPlanDetailByPlanId(planId : string|number) 当然会相应有一个 state.data ,在 get 方法中根据 id 请求到正确的数据后再 setState({data}) 就能实现页面正确结果的显示啦!处理思路在 react 未更新的版本中这种情况在生...原创 2019-05-20 11:22:22 · 3068 阅读 · 1 评论 -
typescript 中使用 antd Form 组件
前言日常积累,欢饮指正正文核心代码import * as React from 'react'import { Form, Select } from 'antd' import { FormComponentProps } from 'antd/lib/form'const { Option } = Selectinterface IState { ...}interf...原创 2019-06-12 15:28:08 · 8088 阅读 · 1 评论