- Vue调用React组件的环境配置；Vue父组件与React子组件互相传递参数；Vue父组件调用React子组件的方法； Vue调用React组件的环境配置；Vue父组件与React子组件互相传递参数；Vue父组件调用React子组件的方法；
- 前言我是一个掘金重度用户，不仅经常在掘金上挖掘含金量高的文章，偶尔还在掘金上创作技术文章。相信读者们也对掘金非常满意，尤其是它的文章编辑器，不仅支持Markdown编辑，而且还支持代码高亮、分屏预览、自动保存等等。本文将用React＋CodeMirror＋Showdown实现一个类似于掘金编辑器的单页应用。动图效果先不说那么多，先上动图效果吧。 布局下面是掘金文章编辑器的布局。可以看到，编辑... 前言我是一个掘金重度用户，不仅经常在掘金上挖掘含金量高的文章，偶尔还在掘金上创作技术文章。相信读者们也对掘金非常满意，尤其是它的文章编辑器，不仅支持Markdown编辑，而且还支持代码高亮、分屏预览、自动保存等等。本文将用React＋CodeMirror＋Showdown实现一个类似于掘金编辑器的单页应用。动图效果先不说那么多，先上动图效果吧。 布局下面是掘金文章编辑器的布局。可以看到，编辑...
- 背景很多优秀的程序员和技术人员喜欢写技术文章和技术博客，通过这样的方式分享传播知识和经验，扩大自己的知名度和影响力，吸引粉丝关注，甚至有些技术博主还通过写文章来获取广告收入，很多优秀的博主还通过这种方法获得了出版书的机会以及工作机会。因此，写技术文章是一件非常值得投入的事情，帮助了自己，也让大众受益。但是，写技术文章通常也很耗时，特别是一些优质文章，不仅需要旁征博引、构思文章结构、照顾读者受... 背景很多优秀的程序员和技术人员喜欢写技术文章和技术博客，通过这样的方式分享传播知识和经验，扩大自己的知名度和影响力，吸引粉丝关注，甚至有些技术博主还通过写文章来获取广告收入，很多优秀的博主还通过这种方法获得了出版书的机会以及工作机会。因此，写技术文章是一件非常值得投入的事情，帮助了自己，也让大众受益。但是，写技术文章通常也很耗时，特别是一些优质文章，不仅需要旁征博引、构思文章结构、照顾读者受...
- 引入hooksimport React, { useState } from "react";定义Hooks const [state, setState] = useState(null);使用Hooks设置数据：setState(s);使用Hooks读取数据：console.log(state); 引入hooksimport React, { useState } from "react";定义Hooks const [state, setState] = useState(null);使用Hooks设置数据：setState(s);使用Hooks读取数据：console.log(state);
- 添加路由模块npm install --s react-router-dom使用路由：import React from 'react';import './App.css';import { BrowserRouter as Router, Route, NavLink } from 'react-router-dom';import Page1 from './components/P... 添加路由模块npm install --s react-router-dom使用路由：import React from 'react';import './App.css';import { BrowserRouter as Router, Route, NavLink } from 'react-router-dom';import Page1 from './components/P...
- 在React中使用Hooks 在React中使用Hooks
- 之前看过介绍，说国内使用vue居多，国外使用react居多，因为vue是中国人写的，中文文档写的很好。那么这次我就想看看react和vue使用上的区别。之前的博客已经介绍过vue了，那么我们这里介绍一下react吧，以下简介当然是网上看的啦：React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。Re... 之前看过介绍，说国内使用vue居多，国外使用react居多，因为vue是中国人写的，中文文档写的很好。那么这次我就想看看react和vue使用上的区别。之前的博客已经介绍过vue了，那么我们这里介绍一下react吧，以下简介当然是网上看的啦：React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。Re...
- 查看一下 前端開發的主流，React，不得不佩服入門教程的精心設計。另一個特色是可以 online 寫代碼很好奇搜了這家的使用者，簡單加法，竟發現在美國和印度的合計超過了 40%，而印度是美國的3倍。 查看一下 前端開發的主流，React，不得不佩服入門教程的精心設計。另一個特色是可以 online 寫代碼很好奇搜了這家的使用者，簡單加法，竟發現在美國和印度的合計超過了 40%，而印度是美國的3倍。
- 组件的生命周期可分成三个状态：Mounting：已插入真实 DOMUpdating：正在被重新渲染Unmounting：已移出真实 DOM生命周期的方法有：componentWillMount 在渲染前调用,在客户端也在服务端。componentDidMount : 在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode()来进行访问。 如... 组件的生命周期可分成三个状态：Mounting：已插入真实 DOMUpdating：正在被重新渲染Unmounting：已移出真实 DOM生命周期的方法有：componentWillMount 在渲染前调用,在客户端也在服务端。componentDidMount : 在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode()来进行访问。 如...
- 封装一个输出 "Hello World！" 的组件，组件名为 HelloMessage：React 实例function HelloMessage(props) { return <h1>Hello World!</h1>; } const element = <HelloMessage />; ReactDOM.render( element, document.getElementByI... 封装一个输出 "Hello World！" 的组件，组件名为 HelloMessage：React 实例function HelloMessage(props) { return <h1>Hello World!</h1>; } const element = <HelloMessage />; ReactDOM.render( element, document.getElementByI...
- 元素是构成 React 应用的最小单位，它用于描述屏幕上输出的内容。const element = <h1>Hello, world!</h1>;与浏览器的 DOM 元素不同，React 当中的元素事实上是普通的对象，React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致。将元素渲染到 DOM 中首先我们在一个 HTML 页面中添加一个 id="example"... 元素是构成 React 应用的最小单位，它用于描述屏幕上输出的内容。const element = <h1>Hello, world!</h1>;与浏览器的 DOM 元素不同，React 当中的元素事实上是普通的对象，React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致。将元素渲染到 DOM 中首先我们在一个 HTML 页面中添加一个 id="example"...
- 本节书摘来自华章计算机《React+Redux前端开发实战》一书中的第2章，第2.5节，作者是徐顺发. 本节书摘来自华章计算机《React+Redux前端开发实战》一书中的第2章，第2.5节，作者是徐顺发.
- 本节书摘来自华章计算机《React+Redux前端开发实战》一书中的第2章，第2.4.5节，作者是徐顺发. 本节书摘来自华章计算机《React+Redux前端开发实战》一书中的第2章，第2.4.5节，作者是徐顺发.
- 本节书摘来自华章计算机《React+Redux前端开发实战》一书中的第2章，第2.4.4节，作者是徐顺发. 本节书摘来自华章计算机《React+Redux前端开发实战》一书中的第2章，第2.4.4节，作者是徐顺发.
- 本节书摘来自华章计算机《React+Redux前端开发实战》一书中的第2章，第2.4.3节，作者是徐顺发. 本节书摘来自华章计算机《React+Redux前端开发实战》一书中的第2章，第2.4.3节，作者是徐顺发.
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制，把香橙派封装为AI推理黑盒服务，构建了分布式远程推理框架，并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架，解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题，真正做到开箱即用，并支持多种笔记本电脑环境、多种不同编程语言，10行代码即可体验图像分割迁移案例。
回顾中 -
鸿蒙端云一体化应用开发2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例，介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法，端侧（HarmonyOS平台）一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法，为开发端云一体化应用打下坚实基础。
即将直播
热门标签