react面试题总结（二）

最新推荐文章于 2024-09-06 21:42:54 发布
最新推荐文章于 2024-09-06 21:42:54 发布
阅读量441 收藏
点赞数
分类专栏： react 文章标签： react.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46014379/article/details/131429073
版权

目录

1、如何在 ReactJS 的 Props上应用验证？

React组件的props可以通过多种方式进行验证。以下是几种常用的验证方法：

  1. PropTypes：
    React内置了PropTypes库，可以用来验证props。通过设置propTypes属性，可以指定props的数据类型和必需性。例如：
import PropTypes from 'prop-types';

class MyComponent extends React.Component {
  render() {
    return <div>{this.props.name}</div>;
  }
}

MyComponent.propTypes = {
  name: PropTypes.string.isRequired
};

上面的代码指定了name props为必须的字符串类型。

  1. 使用第三方库：
    除了PropTypes，还有一些第三方库可以用来验证props，例如Joi和Yup。这些库提供了一些更高级的验证功能，例如对复杂数据结构的验证和自定义验证规则。

  2. 手动验证：
    在组件内部手动验证props也是一种有效的方法。可以在组件的constructor方法中使用console.warn()输出警告信息，或者抛出一个错误来提示开发者。例如：

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
  
    if (typeof props.name !== 'string') {
      console.error('Invalid prop `name` supplied to `MyComponent`. Expected `string`');
    }
  }
  
  render() {
    return <div>{this.props.name}</div>;
  }
}

上面的代码手动验证了name props是否为字符串类型。如果props的类型不正确，就会在控制台中输出错误信息。

2、当调用setState时，React render 是如何工作的？

  1. 虚拟 DOM 渲染:当render方法被调用时，它返回一个新的组件的虚拟 DOM 结构。当调用setState()时，render会被再次调用，因为默认情况下shouldComponentUpdate总是返回true，所以默认情况下 React 是没有优化的。
  2. 原生 DOM 渲染:React 只会在虚拟DOM中修改真实DOM节点，而且修改的次数非常少——这是很棒的React特性，它优化了真实DOM的变化，使React更新变得更快。

3、React中setState的第二个参数作用是什么？

在 React 中，setState() 方法的第二个参数是一个可选的回调函数，其作用是在 setState 方法完成并且组件重新渲染后调用该函数。

具体来说，当调用 setState() 更新组件状态后，React 会重新渲染组件，并在此过程中更新状态。当状态更新完成并且重渲染后，React 会调用该回调函数。因此，当需要在状态更新后执行一些逻辑时，可以使用该回调函数。

4、解释 React 中 render() 的目的。

在 React 中，render() 方法是类组件中唯一必须实现的方法。它的主要目的是根据组件的状态和属性来构建虚拟 DOM。虚拟 DOM 是一个 React 抽象层中的 JavaScript 对象树，用于描述 UI 的结构和状态。

当组件的状态或属性发生变化时，React 会自动调用 render() 方法来更新虚拟 DOM，并比较新旧虚拟 DOM 的差异，从而只对需要更新的部分进行重新渲染，从而提高了性能。

render() 方法必须返回一个 React 元素，这可以是原生的 HTML 元素、React 组件实例或其他自定义的对象。React 会将这些元素转换成真实的 DOM 节点，并将它们注入到真实的 DOM 树中。

所以，render() 方法的主要目的是基于组件的当前状态和属性来构建虚拟 DOM，并返回一个描述组件在特定时刻应该呈现什么样子的 React 元素。

5、React的状态提升是什么？

React的状态提升就是用户对子组件操作，子组件不改变自己的状态，通过自己的props把这个操作改变的数据传递给父组件，改变父组件的状态，从而改变受父组件控制的所有子组件的状态，这也是React单项数据流的特性决定的。

6、react 强制刷新

在 React 中，我们可以使用 forceUpdate() 方法来强制组件重新渲染。它的作用是在不更改组件状态或 props 的情况下刷新组件，使其重新执行 render() 方法。

一般来说，强制更新不是 React 的首选方法，因为它会跳过 shouldComponentUpdate 生命周期方法，从而可能导致性能问题。所以我们只应在特殊情况下使用它，例如当我们需要手动更新组件内部的某些信息时，或者组件的状态和 props 没有变化，但是需要强制重新渲染时。

在组件中调用 forceUpdate() 方法比较简单，只需要通过 this.forceUpdate() 来调用即可。但是，它不接受任何参数，因此我们无法直接将新的状态或 props 传递给它。如果需要刷新的数据是从外部传入的，我们还是需要将其存储在组件的状态中，并在 render() 方法中使用它来更新视图。

7、react中的事件this怎么修改

  1. bind()函数
  2. 创建箭头函数：在创建函数的时候创建箭头函数
  3. 在constructor中提前对事件进行绑定
  4. 将事件调用的写法改为箭头函数的形式

8、路由模式是什么？什么是重定向路由？

React 路由模式是指通过 React Router 包提供的组件和方法来管理前端路由，以便实现单页应用（SPA）的页面切换效果。React Router 包含了多种路由模式，包括 BrowerRouter、HashRouter、MemoryRouter 等，常用的是 BrowserRouter 和 HashRouter。

BrowserRouter 使用 HTML5 提供的 History API 来实现路由切换效果，而 HashRouter 使用 URL 中的 hash 值来实现路由切换效果。

重定向路由是指将一个路由重定向到另一个路由上，常用于实现页面访问权限控制或用户访问不存在的页面时的跳转。在 React Router 中，可以使用 <Redirect> 组件实现路由重定向，也可以在路由配置项中使用 Redirect 属性来进行重定向。

9、怎么实现路由懒加载

React 路由懒加载可以通过使用 React.lazy() 和 Suspense 组件来实现。React.lazy() 函数可以让你定义一个动态加载的组件，即当组件被渲染到页面上时才会被加载，而不是在页面一开始就加载所有组件。这样可以减少应用程序的初始加载时间，提高应用程序的性能。

以下是实现路由懒加载的代码示例：

import React, { lazy, Suspense } from 'react';
import { BrowserRouter as Router, Switch, Route, Redirect } from 'react-router-dom';

const Home = lazy(() => import('./Home'));
const About = lazy(() => import('./About'));
const NotFound = lazy(() => import('./NotFound'));

function App() {
  return (
    <Router>
      <Suspense fallback={<div>Loading...</div>}>
        <Switch>
          <Route exact path="/">
            <Home />
          </Route>
          <Route path="/about">
            <About />
          </Route>
          <Route path="/404">
            <NotFound />
          </Route>
          <Redirect to="/404"> {/* 重定向到 404 页面 */}
        </Switch>
      </Suspense>
    </Router>
  );
}

在这个例子中，我们使用了 React.lazy() 函数加载了 Home、About 和 NotFound 组件。Suspense 组件作为包裹路由组件的容器，当需要加载的组件还未加载完成时，会显示 fallback 属性指定的加载提示信息。

需要注意的是，React.lazy() 函数只支持默认导出的组件，因此需要在被导入的组件模块中使用 export default 关键字导出组件。

10、正向传值方式

React 中的正向传值是指从父组件向子组件传递数据或函数。实现正向传值有以下几种方式：

  1. props 属性传递：通过在父组件中给子组件定义属性并传递值的方式，让子组件可以访问传递的值。
// ParentComponent.jsx
import React from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const message = 'Hello, world!';
  return (
    <div>
      <ChildComponent message={message} />
    </div>
  );
}

// ChildComponent.jsx
import React from 'react';

function ChildComponent(props) {
  return (
    <div>
      <h1>{props.message}</h1>
    </div>
  );
}
  1. 使用 context：context 提供了一种在组件之间共享值的方式，可以避免通过一层层传递 props 的方式来传递数据。
// MyContext.jsx
import React from 'react';

const MyContext = React.createContext();

export default MyContext;

// ParentComponent.jsx
import React from 'react';
import ChildComponent from './ChildComponent';
import MyContext from './MyContext';

function ParentComponent() {
  const message = 'Hello, world!';
  return (
    <div>
      <MyContext.Provider value={message}>
        <ChildComponent />
      </MyContext.Provider>
    </div>
  );
}

// ChildComponent.jsx
import React from 'react';
import MyContext from './MyContext';

function ChildComponent() {
  return (
    <div>
      <MyContext.Consumer>
        {(message) => <h1>{message}</h1>}
      </MyContext.Consumer>
    </div>
  );
}
  1. 使用回调函数：可以在父组件中定义一个函数，然后将该函数作为 props 属性传递给子组件，在子组件中调用该函数来更新父组件中的状态。
// ParentComponent.jsx
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const [message, setMessage] = useState('Hello, world!');
  const updateMessage = (newMessage) => {
    setMessage(newMessage);
  };
  return (
    <div>
      <ChildComponent updateMessage={updateMessage} />
      <p>{message}</p>
    </div>
  );
}

// ChildComponent.jsx
import React from 'react';

function ChildComponent(props) {
  const handleClick = () => {
    props.updateMessage('Goodbye, world!');
  };
  return (
    <div>
      <button onClick={handleClick}>Update message</button>
    </div>
  );
}

以上是 React 中实现正向传值的几种方式，根据实际情况选择最适合的方式进行传值即可。

11、逆向传值方式

React 中的逆向传值是指从子组件向父组件传递数据或函数。实现逆向传值有以下两种方式：

  1. 通过 props 传递回调函数：在子组件中调用父组件中传递过来的回调函数，并且将需要传递的值作为参数传递给该函数。
// ParentComponent.jsx
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const [message, setMessage] = useState('Hello, world!');
  const handleMessageChange = (newMessage) => {
    setMessage(newMessage);
  };
  return (
    <div>
      <ChildComponent handleMessageChange={handleMessageChange} />
      <p>{message}</p>
    </div>
  );
}

// ChildComponent.jsx
import React from 'react';

function ChildComponent(props) {
  const handleChange = (event) => {
    props.handleMessageChange(event.target.value);
  };
  return (
    <div>
      <input type="text" onChange={handleChange} />
    </div>
  );
}
  1. 使用 context：类似于实现正向传值时使用 context 的方式，可以在子组件中使用 context 来向所有祖先组件传递数据或函数。
// MyContext.jsx
import React from 'react';

const MyContext = React.createContext();

export default MyContext;

// ParentComponent.jsx
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';
import MyContext from './MyContext';

function ParentComponent() {
  const [message, setMessage] = useState('Hello, world!');
  const handleMessageChange = (newMessage) => {
    setMessage(newMessage);
  };
  return (
    <div>
      <MyContext.Provider value={handleMessageChange}>
        <ChildComponent />
      </MyContext.Provider>
      <p>{message}</p>
    </div>
  );
}

// ChildComponent.jsx
import React, { useContext } from 'react';
import MyContext from './MyContext';

function ChildComponent() {
  const handleMessageChange = useContext(MyContext);
  const handleChange = (event) => {
    handleMessageChange(event.target.value);
  };
  return (
    <div>
      <input type="text" onChange={handleChange} />
    </div>
  );
}

以上是 React 中实现逆向传值的两种常用方式，可以根据实际应用场景选择最适合的方式来传递数据或函数。React 中的逆向传值是指从子组件向父组件传递数据或函数。实现逆向传值有以下两种方式：

  1. 通过 props 传递回调函数：在子组件中调用父组件中传递过来的回调函数，并且将需要传递的值作为参数传递给该函数。
// ParentComponent.jsx
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const [message, setMessage] = useState('Hello, world!');
  const handleMessageChange = (newMessage) => {
    setMessage(newMessage);
  };
  return (
    <div>
      <ChildComponent handleMessageChange={handleMessageChange} />
      <p>{message}</p>
    </div>
  );
}

// ChildComponent.jsx
import React from 'react';

function ChildComponent(props) {
  const handleChange = (event) => {
    props.handleMessageChange(event.target.value);
  };
  return (
    <div>
      <input type="text" onChange={handleChange} />
    </div>
  );
}
  1. 使用 context：类似于实现正向传值时使用 context 的方式，可以在子组件中使用 context 来向所有祖先组件传递数据或函数。
// MyContext.jsx
import React from 'react';

const MyContext = React.createContext();

export default MyContext;

// ParentComponent.jsx
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';
import MyContext from './MyContext';

function ParentComponent() {
  const [message, setMessage] = useState('Hello, world!');
  const handleMessageChange = (newMessage) => {
    setMessage(newMessage);
  };
  return (
    <div>
      <MyContext.Provider value={handleMessageChange}>
        <ChildComponent />
      </MyContext.Provider>
      <p>{message}</p>
    </div>
  );
}

// ChildComponent.jsx
import React, { useContext } from 'react';
import MyContext from './MyContext';

function ChildComponent() {
  const handleMessageChange = useContext(MyContext);
  const handleChange = (event) => {
    handleMessageChange(event.target.value);
  };
  return (
    <div>
      <input type="text" onChange={handleChange} />
    </div>
  );
}

以上是 React 中实现逆向传值的两种常用方式，可以根据实际应用场景选择最适合的方式来传递数据或函数。

12、同胞传值方式

React 同胞传值指的是在同一级别的组件之间传递数据，常见的方式有以下三种：

  1. 通过 props 传递：如果同胞组件之间有共同的父组件，可以通过在父组件中将数据传递给两个同胞组件的方式实现数据的传递。

  2. 使用 Context：Context 是 React 提供的一种组件间通信的方式，可以通过在父组件中创建 Context，然后将数据传递给同胞组件。

  3. 使用事件总线：通过在同胞组件中监听事件，然后在发生事件时传递需要传递的数据，从而实现同胞组件之间的数据传递，这种方式需要借助第三方库如 EventBus 或者自己实现事件中心机制。

总之，React 同胞组件之间传递数据的方式比较灵活，可以根据实际需求选择合适的方式。

13、跨组件传值方式

React 跨组件传值方式常见的有以下几种：

  1. props：通过在父组件中向子组件传递 props，实现数据的跨组件传递。这种方式的优点是简单易用，适用于数据传递量小的情况。

  2. context：React 中提供了 context 对象，可以在组件树中实现数据的跨组件传递。这种方式的优点是可以实现跨层级的数据传递，但是需要注意该方式可能会降低应用程序的可维护性。

  3. Redux：Redux 是一种状态管理库，可以实现全局状态的管理和跨组件数据的传递。通过将数据存储在 Redux 中，可以方便地共享和更新数据，同时也提高了应用程序的可维护性。但是，使用 Redux 需要引入额外的依赖和代码量，对于小型应用程序可能会显得过于繁琐。

  4. 其他状态管理库：除了 Redux，还有其他一些状态管理库，例如 Mobx、VueX 等，都可以实现类似的功能。

总之，React 跨组件传值方式有多种，可以根据具体的业务需求和应用场景选择合适的方式。

14、你对“单一数据源”有什么理解？

“单一数据源”是指在应用程序中，所有的数据都来自于一个唯一的数据源，并且该数据源是应用程序的“唯一可信来源”。这个数据源可以是一个对象、一个数组、一个类似 Redux 的全局状态管理器、一个数据库，或者一个 API。

在前端开发中，使用“单一数据源”的好处主要体现在以下几个方面：

  1. 统一的数据管理：由于整个应用程序的数据都来自于同一个数据源，因此可以更方便地对数据进行统一的管理和维护，避免不同部分之间的数据传递和变更带来的复杂性和不一致性。

  2. 更容易实现状态共享：数据源中的数据可以被多个组件共享，因此可以更容易地实现状态共享，避免了多个组件之间的数据传递和同步问题。

  3. 便于测试和调试：由于数据源是应用程序的唯一可信来源，因此可以更方便地进行测试和调试，避免不同部分之间的数据传递和变更带来的复杂性和不一致性。

总之，“单一数据源”是一种管理和维护应用程序数据的有效方式，能够提高应用程序的可维护性、可扩展性和可复用性，也符合现代前端开发中的“数据驱动”的思想。

不学无术的y同学
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue or React面试题总结
06-23
在这篇文章中，我们将深入了解Vue和React这两种流行的JavaScript前端框架的相关知识，特别是那些在面试中经常出现的问题。我们将讨论Vue.js的各个方面，包括它的核心概念、高级特性、响应式原理和最佳实践，同样也会...
React之setState详解
梦想成为全栈的切图仔
10-12 2731
a. 在不是 pureComponent 组件模式下，setState 不会浅比两次 state 的值，只要调用 setState，在没有其它优化手段的前提下， 就会执行更新，但是 useState 中的 dispatchAction 会默认比较两次 state 是否相同，然后决定是否更新组件。setState 的第一个参数： 当 obj 为一个对象的时候，则为即将合并的 state，如何 obj 是一个函数，那么当前组件的 state 和 props 将作为参数，返回值用于 合并新的 state。
探秘React逆向门户：React-Reverse-Portal
gitblog_00072的博客
05-17 428
探秘React逆向门户：React-Reverse-Portal 项目地址:https://gitcode.com/httptoolkit/react-reverse-portal 在构建复杂的React应用时，有时我们需要高效地管理DOM元素，保持其状态并灵活调整位置，而无需重复渲染。这就是React-Reverse-Portal的强项——一个轻量级、高性能的库，专为解决此类问题设计。 项目介绍...
[react] react中setState的第二个参数作用是什么呢？
歌谣的博客
11-24 4195
[react] react中setState的第二个参数作用是什么呢？ 第二个参数是一个callback函数，用于setState设置state的属性值成功之后的回调，此时调用this.state.property可以取到刚刚设置的最新的值 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
react的app快速逆向关键文件index.android.bundle混淆解密
我不喜欢这个世界
08-08 5450
首先 把react开发的app包解压出来 更改后缀名 xxx.apk为xxx.zip 然后解压 打开解压后目录 assets文件夹 找到index.android.bundle文件 react打包后代码的的关键逻辑都在这里面 我需要找到 加密 aes或者des加密 copy出代码 到ide里面格式化出来 搜索 aes或者des定位到 关键代码 分析一下 n是aes加密的库 ,u还不确定 t是data要加密的数据 f是key秘钥 因为是cbc加密，所以需要iv填充，iv是key.
react中的逆向传输流
qq_36529459的博客
05-18 1061
在react中提供的props只能进行单向传输流，但是在某些情况下，我们必须要从子组件发送信息到父组件，因此，我们可以进行函数来进行触发，从而达到逆向传输流。举个栗子~~~class DemoOne extends React.Component { handleVote(productId) { const nextProducts = this.state.produc...
React 常见面试题总结.pdf
02-23
以下是从给定文件中提取的关于React的知识点总结。 1. 异步action的处理 在React中，异步action通常通过中间件（middleware）来处理。常见的中间件包括redux-promise-middleware、redux-thunk和redux-saga。这些...
react面试题.md
03-20
上述的React面试题涵盖了React框架的核心概念和常用技术点，主要考察了面试者对React的理解程度以及实际应用能力。以下是对这些面试题目设计的考点进行简单的总结： 1. **React的基本概念：** 面试者需要了解React...
react-react面试题之对immutable的理解.zip
03-20
本文将深入探讨React面试中常问到的“对Immutable的理解”这一主题。 一、什么是不可变性？ 不可变性（Immutability）指的是数据一旦创建，就不能再被修改。在JavaScript中，基本类型的值（如字符串、数字和布尔值...
助你面试顺利!最新react面试题总结.pdf下载(超详细,附答案).pdf
12-15
以下是一些关于React面试题的详细解答，主要关注组件基础和事件处理。 1. **React事件机制** React不直接将事件绑定到DOM元素，而是使用事件代理，在`document`级别监听事件。这样可以减少内存消耗，因为事件只...
React 的数据流动（反向由子组件向父组件传递数据）
Hank的博客
03-14 7941
在Rect中，数据都大体上都是单向数据流动的，由父节点传到子节点，子组件都是通过Props从父组件那里获取数据，这样的话，如果很多子组件用了数据只需要改变父组件的数据子组件的数据都会发生改变react就会递归重新渲染整个组建。这样子组件就简单而且易于把握了。 大部分数据都是父传子，就不详写了。   但是偶尔向日期组件，input，select组件，等等子组件，父组件都是需要通过子组件传来的数据进
如何使用useMemo来优化React组件的性能？
盼盼盼的博客
09-02 697
是 React 提供的一个 Hook，它可以用来记忆复杂计算的结果，避免在每次渲染时都进行重复计算，从而优化组件的性能。并不保证所记忆的值不会被丢弃。在React的将来的重渲染过程中，可能会清除这些值以释放内存。主要用于性能优化，而不是作为缓存机制。变化时，才会重新计算。
ref 和 reactive 区别
weixin_46515691的博客
08-31 1280
前言 ref 和 reactive是Vue 3中响应式编程的核心。在Vue中，响应式编程是一种使数据与UI保持同步的方式。当数据变化时，UI会自动更新，反之亦然。这种机制大大简化了前端开发，使我们能够专注于数据和用户界面的交互，而不必手动处理DOM更新。 ref ref是Vue 3中的一个简单响应式API，用于创建一个包装基本数据类型的响应式引用(也可以包装复杂类型，只不过底层还是由reactive的方式实现的)。它的主要优点是能够轻松包装基本数据类型，并且具有清晰的访问和更新方式 ref创建基本类型的响应
WHAT - React 函数与 useMemo vs useCallback
weixin_58540586的博客
09-03 865
目录介绍`useMemo` 与 `useCallback` 的区别示例代码`useMemo` 示例`useCallback` 示例总结 介绍 在 React 中，useMemo 和 useCallback 是两个用于性能优化的钩子，尽管它们有些相似，但各自有不同的用途和应用场景。理解它们的区别和适用情况可以帮助你更有效地管理组件的性能和状态。 useMemo 与 useCallback 的区别 useMemo: 目的: 用于记忆化（缓存）计算结果。它接受一个计算函数和依赖项数组，只有当依赖项发生变化时
界面控件KendoReact中文教程 - 如何创建动态进度条？
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
09-06 1208
本文主要介绍如何使用KendoReact ProgressBar和ChunkProgressBar组件在React应用程序中创建动态进度条，欢迎下载新版控件体验！
React——forwardRef 转发组件引用
weixin_45705239的博客
09-03 608
请注意，在大多数情况下，推荐使用数据流（props 和 state）和高阶组件（HOCs）或者 hooks 来解决问题，而不是过度依赖。但是，有时候你可能需要在父组件中访问子组件中的 DOM 元素或者类组件实例，这就是。被用来获取对组件内部 DOM 节点或者组件实例的直接引用。默认情况下，你不能在函数组件上使用。是 React 提供的一个 API，它用于在函数组件中转发。这样可以保持组件之间的松耦合，并使得状态管理更可预测。创建一个组件时，它将接收。元素的实际 DOM 节点。在上面的代码示例中，
在react中要将页面跳转有动画
Mr_wuying的博客
09-03 241
react-transition-group 包住路由然后给样式 就可以达到页面跳转的时候样式动画。
React第四章(babel)
最新发布
qq1195566313的博客
09-06 656
Babel 是一个 JavaScript 编译器,提供了JavaScript的编译过程，能够将源代码转换为目标代码。官网 https://babeljs.io/查看AST https://astexplorer.net/Babel所有的包 https://babeljs.io/docs/babel-traverse。
技术周刊 ｜ Rspack 1.0、v0 支持 Vue、2024 年度编程语言排行榜、Ideogram 2.0、从 0 实现一个 React
童欧巴的博客
09-02 901
大家好，我是童欧巴，欢迎来到第 124 期技术周刊。
React面试题总结：异步action、render执行与setState解析
"React面试题总结，包括处理异步action、render执行条件、state修改、自定义属性定义与数据类型限制、以及React路由的组件配置和渲染方式等核心概念" 在React开发中，掌握这些常见面试题所涵盖的知识点至关重要。...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值