当前位置: 首页 > news >正文

深圳网站建设价钱年度关键词有哪些

深圳网站建设价钱,年度关键词有哪些,wordpress 获取菜单项,网页策划案的范文一、目录结构react优秀代码之react目录结构简洁之道React 作为一个库,不会决定你如何组织项目的结构。这是件好事,因为这样 - 掘金【React】项目的目录结构全面指南_react项目结构-CSDN博客 1、创建项目:开发文档 Getting Started | Create…

一、目录结构react优秀代码之react目录结构简洁之道React 作为一个库,不会决定你如何组织项目的结构。这是件好事,因为这样 - 掘金【React】项目的目录结构全面指南_react项目结构-CSDN博客

1、创建项目:开发文档

Getting Started | Create React App 中文文档

node18以上

npx create-react-app my-app
cd my-app
npm start

1)可能的报错:react项目运行出现 One of your dependencies, babel-preset-react-app, is importing the “xxxxxxx”

npm install --save-dev @babel/plugin-proposal-private-property-in-object

2)创建ts的

npx create-react-app my-app --template typescript

3)vite创建的

npm init vite

4)样式初始化:

npm i reset-css
引入

import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import "reset-css"//引入
import App from './App.tsx'

5)引入sass  npm i --save-dev sass

6)路径别名配置 @=src

vite.config.ts文件里面

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from "path"// https://vite.dev/config/
export default defineConfig({plugins: [react()],resolve: {alias: {"@": path.resolve(__dirname, "./src")}}
})

使用ts可能会报错无path,需要安装 npm i -D @types/node

别名的提示配置:在tscofig.app.json里面

compilerOptions中添加
"baseUrl": "./","paths": {"@/*": ["src/*"]},

7)ant design 按需引入

npm install vite-plugin-style-import@1.4.1 -D

二、路由

import App from "../App"
import Home from "../views/Home"
import About from "../views/About"
import {BrowserRouter,Routes,Route} from "react-router-dom"
//两种路由模式的组件:BrowserRouter(History模式),HashRouter(Hash模式)
// const baseRouter =()=>{1return()/1 }// 以上写法可以简写为:
const baseRouter =()=>(<BrowserRouter><Routes><Route path="/" element={<App/>}><Route path="/home" element={<Home/>}></Route><Route path="/about" element={<About/>}></Route></Route></Routes></BrowserRouter>
)
export default baseRouter
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import "reset-css"
import "@/assets/styles/global.scss"
import App from './App.tsx'
import Router from "@/router";createRoot(document.getElementById('root')!).render(<StrictMode><Router />//修改这个</StrictMode>,
)

 

import {Outlet} from "react-router-dom";
function App() {return (<><Outlet></Outlet></>)
}
export default App

react里面的:outlet = vue里面的: router view

生命周期
【React 面经】生命周期详解:不同阶段与方法解析-CSDN博客

实例:表单创建

react+antd动态表单以及数组对象示例 - 灰信网(软件开发博客聚合)

更新状态数组中的某个对象

tempArray[index] = {...tempArray[index], name: event.target.value};

向数组中添加一个空对象

form.setFieldsValue({"contacts":[...contacts,{name:'',mobile:''}]})

删除数组中索引为index的元素

form.setFieldsValue({"contacts":[...contacts.slice(0,index),...contacts.slice(index+1)]})return setContacts([...contacts.slice(0,index),...contacts.slice(index+1)])

原理:合并【0,index) [index+1,末尾】

  • contacts.slice(0, index) 创建一个新数组,包含从 contacts 数组开始到索引 index(不包括 index)的所有元素。
  • contacts.slice(index + 1) 创建另一个新数组,包含从 contacts 数组索引 index + 1 到数组末尾的所有元素。

table

React+antd动态增加Table可编辑行_react中class组件实现一个可编辑表格-CSDN博客

父子组件传值

【实例】React 组件传值方法: Props、回调函数、Context、路由传参_react 执行子组件中的方法并接受返回值-CSDN博客

报错 message.error('请先保存');

http://www.ds6.com.cn/news/18455.html

相关文章:

  • 怎么查看网站有没有做ssl短视频seo软件
  • 做网站的好处和坏处百度客服中心电话
  • 网站建设 好的公司seo视频教程我要自学网
  • 石家庄网站建设登录百度关键词分析工具
  • 网站二级目录做优化seo教学培训
  • 自助建站系统凡科建站流程新手搭建网站第一步
  • 长春网站只长春网站制作做电商网站建设哪家好
  • wordpress首页视频主题上海网站seo招聘
  • 厚街手机网站制作东莞网站推广技巧
  • wordpress资源库宁波网站关键词优化代码
  • 小学生个人网站怎么做收录网站有哪些
  • 如何做网站收徒弟网站搜索引擎的网址有哪些
  • asp 建站百度论坛
  • 上海市网站建设公叿微信裂变营销软件
  • 哪里制作企业网站中央新闻频道直播今天
  • 上海金融网站制作网站制作公司好关键词排名查询网站
  • 杭州做网站软件seo实战培训费用
  • 做网站 用什么做数据库最好网店关键词怎么优化
  • 陕西 网站建设搜索排名优化软件
  • 个人婚礼网站设计今日最新头条新闻条
  • 利辛网站建设软件外包企业排名
  • 做营销网站那个好北京软件培训机构前十名
  • 网站开发学徒工作如何搜索推广代运营
  • 石家庄推广网站重庆seo搜索引擎优化优与略
  • 杭州做网站哪里好上海搜索引擎推广公司
  • b2c的电子商务的网站建设如何制作付费视频网站
  • 做存储各种环境信息的网站培训机构如何招生营销
  • 网站搭建流程图建设网站的步骤
  • 移动网站cms站长统计推荐
  • 学校如何建设网站首页宁波seo公司哪家好