react
react入门到精通
厚渡
厚积薄发 渡人渡己
展开
-
Import in body of module; reorder to top import/first
Import in body of module; reorder to top import/first在开发中, react或者其他的开发中只要你的const语法写在import之前就会出现这种情况原因// 正确的顺序import React from "react";export const Page1 = () => <h1>我是page1</h1>;// 报错的顺序export const Page1 = () => <h1>.原创 2021-05-19 15:04:24 · 5943 阅读 · 0 评论 -
Uncaught TypeError: Cannot read property ‘forEach‘ of undefined
react项目启动报错:Uncaught TypeError: Cannot read property ‘forEach‘ of undefined这貌似是版本兼容问题,解决方法如下:咱们干脆禁止 React Developer Tools 这个浏览器插件去改react的源代码找到node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js这个文件,找到报错的代码,直接注释导致报错的那一行原创 2021-05-10 19:52:52 · 6282 阅读 · 0 评论 -
02 react简单组件
react简单组件本案例中的组件均被拉出成为单独的文件项目路径如下组件的写法注意:组件名一定要大写组件必须有 return 内容 或者return null// ./components/com.jsimport React from "react";// 函数组件export function Hello() { return <h1>这是我的一个函数组件</h1>;}// 组件不返回 内容 必须返回一个nullexport fun原创 2021-05-05 20:52:34 · 5562 阅读 · 4 评论 -
01 react中jsx的使用
jsx在脚手架安装好后自动配置了, 可直接使用使用// index.js// 简单使用import React from "react";import ReactDOM from "react-dom";const title = <h1>hellow React! JSX</h1>ReactDOM.render(title, document.getElementById("root"))条件渲染// index.js// 这里暂时不支持 更新数据的时候原创 2021-05-05 20:49:42 · 5698 阅读 · 2 评论 -
00 react入门开篇
react入门开篇react介绍react是用于构建用户界面的javascript库react的特点:声明式组件化一次学习, 随处编写具体见官网 https://react.docschina.org/在HTML页面中使用react<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta http-equiv="X原创 2021-05-05 20:37:12 · 5510 阅读 · 2 评论