推荐 综合 人气 评论 点赞
create-react-app初始化报错及配置less
官方文档我擦咧，新建的文件夹不见了//报错warning There appears to be trouble with your network connection. Retrying... error An unexpected error occurred: "http://10.1.10.33:8082/@timer%2fdetect-port: no such package available". info If you

0评论2023-03-08710

React的使用方法（脚手架的方法）
使用react加脚手架创建一个项目：npm install create-react-app -gcreate-react-app myappcd myappyarn startnpx ： 帮助我们更方便的找到本地安装的命令.\node_modules.bin\webpack --version# 或者npx webpack --version官方网站用法npx create-react-app m

0评论2023-03-08364

React.js学习笔记之事件系统
事件系统React 标准化了事件对象，因此在不同的浏览器中都会有相同的属性。组件createClass后创建的是许多方法组成的对象。组件中使用的方法分为React自有的方法与用户定义的方法。其中React自有方法是组件生命周期中的方法，如：render、componentWillUpdate

0评论2023-03-08738

React Native 获取网络数据
getMoviesFromApiAsync() {return fetch('http://facebook.github.io/react-native/movies.json').then((response) = response.json()).then((responseJson) = {return responseJson.movies;}).catch((error) = {console.error(error);});}你也可以在React Na

0评论2023-03-08811

React Native 的高度与宽度设置
React Native中的尺寸都是无单位的，表示的是与设备像素密度无关的逻辑像素点。import React, { Component } from 'react';import { AppRegistry, View } from 'react-native';class FixedDimensionsBasics extends Component {render() {return (ViewView st

0评论2023-03-08963

react native的flatList
1:关于这个组件的上拉加载:onEndReached={(info) = {if ((!this.state.loadinginfo.distanceFromEnd0)this.state.list.lengthparseInt(this.state.total)) {this.pageindex++;this.getList()}}}ListFooterComponent={this.allList.length == parseInt(this.st

0评论2023-03-08759

React native的static propTypes
这个静态变量的重要性:定义一个组件的时候为了方便别人使用需要在顶部声明这个 static propTypes={}.这里声明好外部引用的时候需要传的参数例子:// 1.声明所需要的属性static propTypes = {/** * 框架内帮我们回调 */goToPage: React.PropTypes.func,// 跳转

0评论2023-03-08394

react native中刷新页面
在react native中刷新页面就是改变页面的数据源,如果页面的数据源是state或者是store那么当数据源改变了.页面就会自动刷新的.所以刷新页面的两种方式1:用redux来做数据源,无论在哪个页面只要改变了某一个页面的数据源,那么那个页面都会刷新2:用回调的方法来刷

0评论2023-03-08578

React---钩子函数 react钩子函数,数据变了才执行
钩子函数的状态有4个阶段：                                p1.初始化阶段  (componentWillMount() || componentDidMount()) /p                      p2.更新阶段 (componentWillUpdate() || componentDidU

0评论2023-03-08808

React 蚂蚁金服+ Antd 组件使用技巧
安装antd 组件yarn add antd -D   import {  Card,Button,Table,From,Modal ,Select  } from 'antd';、引入就可以使用了   使用组件的好处所有的引入标签和 都是 可变的单双表格格式  自身带着很多的属性、方法    足够平时的使用 举例子 Vue 和 R

0评论2023-03-08713

【React】 npm 常用的插件
npm install –save-dev    package.json   安装环境https://segmentfault.com/a/1190000008489881  全局https://www.cnblogs.com/sese/p/10119511.html  安装package.json 依赖包www.npmjs.com/   npm 官网  "devDependencies": {　　"antd": "^3.

0评论2023-03-08860

React 生成二维码
二维码，只需引入 qrcode.react 插件即可import * as QrCode from 'qrcode.react';render() {return (QrCode value={value} size={200} /)}

0评论2023-03-08874

react中的jsx详细理解
这是官网上的一个简单的例子const name = 'Josh Perez';const element = h1Hello, {name}/h1;ReactDOM.render(element,document.getElementById('root'));从中可以看到：     jsx    是可以在里面写js代码的，    在{   }里面写js代码   在这里我

0评论2023-03-08819

react 的CDN 连接
以下内容均摘抄自react官网 React 和 ReactDOM 都可以在 CDN 上获得。script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"/scriptscript crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"/script

0评论2023-03-08699

React 与 Hooks 如何使用 TypeScript 书写类型？
本文写于 2020 年 9 月 20 日函数组件与 TS对于 Hooks 来说是不支持使用 class 组件的。如何在函数组件中使用 TS 呢？首先定然是函数的类型，我们需要告诉 TS，这个函数他是个 React 组件。如果是 JavaScript，我们会这么写函数组件：import React from 'reac

0评论2023-03-08363

react-native，如何得到图片的实际大小？
import resolveAssetSource from 'resolveAssetSource';et icon =  require('./images/1.png'); let source = resolveAssetSource(icon);// source.width, source.height`

0评论2023-03-08744

react native初始化项目
打开命令行窗口，进入我们想要创建项目的父目录，输入命令：react-native init 项目名进入新建的项目目录，执行升级命令：cd 项目名react-native upgrade提示：对于Windows，如果初始化项目出错，则可以尝试删除“系统安装盘符:\Users\用户名\.node-gyp”目录

0评论2023-03-08396

« 上一页 8/430 下一页 »