react
_cris
一场渐行渐远的旅途。
展开
-
mac安装HomeBrew异常:error: RPC failed问题解决的有效方式
问题描述在安装HomeBrew时,会遇到下述报错:fatal: unable to access 'https://github.com/Homebrew/brew/': Could not resolve host: github.comFailed during: git fetch origin master:refs/remotes/origin/master --tags --force网上会有很多解决方案,最后问题的指向都是我们无法连接到github.com。可以使用,ping原创 2020-06-11 14:21:16 · 1959 阅读 · 0 评论 -
修改使用create-react-app创建的React项目本地服务的端口port和host
在使用create-react-app工具构建react项目时,我们可以不用关心项目的配置项。但,如果我们需要同时启动多个react项目时,我们会发现项目端口被占用了,因此我们该如何修改默认端口配置呢?1. 弹出项目配置项在我们构建项目时,使用npm run eject 弹出项目配置项2. scripts文件夹start.js中修改配置// Tools like Cloud9 rely on this.const DEFAULT_PORT = parseInt(process.原创 2020-06-10 11:12:32 · 1885 阅读 · 0 评论 -
react将文本渲染为html的方式
如下述代码,使用属性:dangerouslySetInnerHTML,将内容渲染为html。import React, { Component } from 'react'class Header extends Component { constructor(props) { super(props) } state= { descTohtml: '<h1>渲染为html</h1>' } render() { return (原创 2020-06-02 11:38:01 · 1565 阅读 · 0 评论 -
react中使用路由react-router进行页面跳转的方式,以及参数传递方式
方式一,使用withRouter,进行跳转import React, { Component } from 'react'import { withRouter } from 'react-router-dom'import layoutCss from './header.module.scss'class index extends Component { constructor(props) { super(props) } state = { menulis原创 2020-05-28 14:47:58 · 1614 阅读 · 0 评论 -
如何使用IIS管理器上部署react项目,支持history和hash模式路由部署
在windows上使用IIS管理器可以很方便部署我们的项目文件,前端往往是部署一些静态资源文件。当我们需要部署react项目打包之后的build文件夹中的代码时,我们该如何去操作呢?前期准备本文假设你已具备react的基本使用能力,以及你已经在你的设备上配置好了IIS管理器,并已经能独立创建网站。让我们开始我们的配置吧!修改React项目打包配置1)项目弹出配置npm run eject在webpack.config.js中我们关注一下打包输出文件的公共路径output: {原创 2020-05-27 10:43:44 · 4869 阅读 · 1 评论 -
使用create-react-app构建的react项目在IE浏览器打开白屏的问题解决
我们在使用create-react-app创建react项目之后,将项目在IE11/10/9浏览器打开时,发现页面白屏,打开控制台发现如下报错:出现此问题的原因是:create-react-app默认只支持现代浏览器,具体可参考https://create-react-app.dev/docs/supported-browsers-features/支持列表。为了解决支持IE11/10/9...原创 2020-04-13 09:27:40 · 2079 阅读 · 0 评论 -
react中利用构造函数与利用class关键字创建组件的区别,以及使用的选择
在react中,我们通常在创建组件时有以下两种形式://class关键字创建组件importReactfrom'react';exportdefaultclassAppDemoextendsReact.Component{render(){return(<div>demo</div>)}}...原创 2020-02-14 19:07:51 · 609 阅读 · 0 评论 -
react引入router提示,The prop `history` is marked as required in `Router`, but its value is `undefined`
关于react项目中,按照下述方式,在引入路由Router、Route、Link时:import { Router, Route, Link } from 'react-router'运行出现下述错误The prop `history` is marked as required in `Router`, but its value is `undefined`. in Router...原创 2018-09-02 19:06:49 · 13094 阅读 · 0 评论 -
关于react中使用browser.js转译JSX的操作方法,并附react.js,react-dom.js,browser.js文件下载链接
在初学react这个框架时,可采用在文件中引入react.js,react-dom.js,browser.js库来编写代码。JSX在React中是一种非常常见的写法,具体JSX的解释很难说的清楚,但通常可以理解为JavaScriptXML或者是JavaScript Syntax eXtension (JavaScript语法扩展的缩写)。在项目中使用JSX技术时,我们需要用babel进行转译,...原创 2018-09-01 16:00:10 · 2689 阅读 · 1 评论 -
react.js、react-dom.js、browser.js文件包下载(github链接)
React.js与React-dom.js版本号均为V0.14.7,链接:github:https://github.com/cirsyou/plugins/tree/master/react-packages用法示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...原创 2018-08-30 17:39:23 · 11506 阅读 · 0 评论