肖的博客

安装yarn add --save react-native-vector-icons # 下载库react-native link react-native-vector-icons # 自动关联安装关联后项目重启使用import Icon from 'react-native-vector-icons/AntDesign';<Icon name='user' size...

react-native 的 flex 默认方向是纵向的获取设备宽度、高度、分辨率<View> <Text>当前设备的宽度：{Dimensions.get('window').width}</Text> <Text>当前设备的高度：{Dimensions.get('window').height}</Text> <T...

'React/RCTBridgeDelegate.h' file not found解决cd /iospod installcd ..react-native run-ios

import { BrowserRouter, Route } from 'react-router-dom';<BrowserRouter> {/* 用来跳转链接，注意在 BrowserRouter 内部 */} <Link to='/'><p>home</p></Link> <Link to='/detail'&...

它是通过JavaScript改变CSS编写方式的解决方案之一，从根本上解决常规CSS编写的一些弊端。通过JavaScript来为CSS赋能，我们能达到常规CSS所不好处理的逻辑复杂、函数方法、复用、避免干扰。尽管像SASS、LESS这种预处理语言添加了很多用用的特性，但是他们依旧没有对改变CSS的混乱有太大的帮助。因此组织工作交给了像 BEM这样的方法，虽然比较有用，但是它完全是自选方案，不...

引入：yarn add styled-components使用：// index.jsimport React, { Component } from 'react'import { HeaderWrapper, Logo } from './style'class Header extends Component { render() { return...

Redux = Reducer + FluxRedux 工作流程dispatch/actionstatepreviousState/actionnewStateAction Creators 动作Store 图书管理员React 人Reducers 图书记录本安装yarn add redux原则store 是唯一的只有 store 可以改变自己的内容，而不能通过 reduce...

安装yarn add react-transition-group使用动画样式/* 入场动画 */.fade-enter, .fade-appear { opacity: 0;}.fade-enter-active, .fade-appear-active { opacity: 1; transition: opacity 1s ease-in;}.fade-e...

生命周期函数指在某一时刻组件会自动调用执行的函数生命周期函数// 组件挂载时componentWillMount // 组件被挂载页面前自动执行render // 组件挂载componentDidMount // 组件被挂载页面后自动执行// 数据更新时componentWillReceiveProps // 一个组件从父组件接受 props 参数，且父组件 render 函数重新...

class Test extends Component { constructor() { super() this.changeDom = this.changeDom.bind(this) this.list = [] } render() { return ( <div&...

思路一state 数据模板 （JSX）数据和模板相结合，生成真实的 DOM，来显示state 发生改变数据 + 模板结合，生成真实的 DOM，替换原始的 DOM缺陷：生成和替换非常消耗性能思路二state 数据模板 （JSX）数据和模板相结合，生成真实的 DOM，来显示state 发生改变数据 + 模板结合，生成真实的 DOM，但是并不替换原始的 DOM新的 DOM...

父组件import React, { Component, Fragment } from 'react'import TodoItem from './TodoItem'class TodoList extends Component { constructor(props) { super(props) this.state = { inputValue...

import React, { Component, Fragment } from 'react'import './TodoList.css'class TodoList extends Component { constructor(props) { super(props) this.state = { inputVal...