使用React propTypes验证在每个级别检查它们是否很重要？
React propTypes是一种用于验证React组件属性的类型和必需性的机制。它可以在开发过程中帮助我们捕获潜在的错误和bug，提高代码的可靠性和可维护性。
React propTypes的主要作用是：
- 类型验证：可以指定属性的类型，例如字符串、数字、布尔值、数组、对象等，确保传入的属性值符合预期的类型。
- 必需性验证：可以指定属性是否为必需的，如果未传入必需属性，将会在控制台输出警告信息。
- 默认值设置：可以为属性设置默认值，当未传入属性时，将使用默认值。
React propTypes的使用方法如下：
- 导入prop-types库：
import PropTypes from 'prop-types'; - 在组件中定义propTypes属性，指定属性的类型和必需性：
ComponentName.propTypes = {
propName: PropTypes.string.isRequired,
// 其他属性定义
};- 在组件中可以通过
this.props.propName来访问传入的属性值。
React propTypes的应用场景：
- 组件开发：在开发React组件时，使用propTypes可以帮助我们确保传入的属性符合预期，减少潜在的bug。
- 团队协作：在多人协作开发项目时，propTypes可以作为一种约定，帮助团队成员了解组件的属性类型和必需性，提高代码的可读性和可维护性。
腾讯云相关产品推荐： 腾讯云提供了一系列云计算产品，以下是一些与React开发相关的产品：
- 云服务器（CVM）：提供了弹性、安全、稳定的云服务器实例，可用于部署React应用。产品介绍：云服务器
- 云数据库MySQL版（CDB）：提供了高性能、可扩展的MySQL数据库服务，可用于存储React应用的数据。产品介绍：云数据库MySQL版
- 云存储（COS）：提供了安全、稳定、低成本的对象存储服务，可用于存储React应用的静态资源。产品介绍：云存储
以上是关于React propTypes的概念、分类、优势、应用场景以及腾讯云相关产品的介绍。
相关·内容
2回答
我正在阅读官方React文档中的部分。除了关于propTypes之外，一切都是有意义的。docs声明如下：
在生产模式中，为了提高效率，跳过了propTypes检查。
假设我有以下代码：
class Sample extends React.Component {
render() {
return (
<div>Hello {this.props.name}</div>
);
}
}
Sample.propTypes = {
name: React.PropTypes.strin
浏览 10提问于2016-12-07得票数 4
回答已采纳
我正在使用一个数据对象作为我在ReactJS中组件的道具。
<Field data={data} />
我知道验证PropTypes对象本身很容易：
propTypes: {
data: React.PropTypes.object
}
但是如果我想验证里面的值呢？即。data.id，data.title？
props[propName]: React.PropTypes.number.required // etc...
浏览 58提问于2014-11-14得票数 203
回答已采纳
随着react钩子的到来，我们是否应该为React自定义钩子使用prop-type，例如， import React from 'react';
import PropTypes from 'prop-types';
const useTitle = title => {
React.useEffect(() => {
document.title = title;
}, [title]);
}
useTitle.propTypes = {
title: PropTypes.string.isRequired,
};
浏览 34提问于2019-01-22得票数 21
我真的很喜欢react proptypes的想法，我想知道它们是否可以用来验证任何给定函数的输入，而不仅仅是传递给react组件的props。
例如：
function doSomething (thing1, thing2) {
Proptypes.validate(arguments, [Proptypes.string, Proptypes.number]);
}
有没有办法让proptypes做到这一点？
谢谢!
浏览 0提问于2015-09-07得票数 2
React有很多使用PropTypes检查道具值的方法。我常用的一种是React.PropTypes.shape({...})。然而，我最近遇到了这样的情况:我有一个具有动态键/值的对象。我知道每个键应该是一个字符串(以已知的格式)，每个值应该是一个int。即使使用自定义的道具验证函数，它仍然假定您知道道具的键。如何使用PropTypes检查对象/形状的键和值是否正确？
...
someArray: React.PropTypes.arrayOf(React.PropTypes.shape({
// How to specify a dynamic string key? Keys are
浏览 12提问于2015-12-18得票数 85
回答已采纳
2回答
应该将propTypes添加到父组件及其子组件中吗？
例如，我有一个<Header modal={this.state.modal} lives={this.state.lives} score={this.state.score} />组件，它被传递了3个道具，并且我验证如下：
const Header = function(props) {
if (props.modal) {
return (<Logo logo={logo} />);
} else {
return (
<div>
<Live
浏览 4提问于2016-11-21得票数 2
回答已采纳
3回答
在受保护的路由上刷新防火墙路由器
、、、、
我正在构建一个使用firebase，react和redux的todo web应用程序。因此，我保护了rote，如"/todos/add"、"/dashboard"和来宾路由，如"/"、"/signup"、"/login"，如果您经过身份验证，就无法访问这些路由。
我的问题是，当我在"/todos/add"路由中通过身份验证，重新加载页面时，应用程序重新加载，我的操作被分派，将我的用户放到redux存储中，但我将重定向到"/login" an然后转到"/dashboard
浏览 0提问于2018-03-04得票数 6
回答已采纳
我正在从事一个项目，以在react (带有PKCE的授权代码)上设置OIDC身份验证。我在和oidc-client-js库合作。我的代码运行良好，但经过身份验证后，我再次被重定向到登录模式。我看了一下反应路由器，但那似乎不是它。我正在考虑一个异步问题，但我似乎无法摆脱它。你能帮帮我吗？
提前感谢
我的配置
const userManager = new UserManager({
authority: identityProvider,
client_id: window.REACT_APP_CLIENT_ID,
response_type: 'code',
redirect_
浏览 3提问于2021-11-19得票数 0
回答已采纳
我仍然在学习反应，不能理解PropTypes的重要性。有人能给出他们的想法吗?定义PropTypes的好处是什么？我在React文档上读过关于这个问题的讨论，但是我无法理解在类型不匹配时保持PropTypes除了看到控制台错误/警告之外的优点。上面写着
在设计接口时，分解常见的设计元素(按钮、表单字段、布局组件等)。转换成具有定义良好的接口的可重用组件。这样的话，下次需要构建UI时，您可以编写更少的代码，这意味着更快的开发时间、更少的bug和更少的字节。
因此，除了好处之外，我还有几个问题：
在定义PropTypes时，您肯定会编写更多的代码，这与粗体中的声明相矛盾。
另一个问
浏览 7提问于2016-09-24得票数 28
回答已采纳
空数组[]传递以下PropTypes定义，即使我们声明字符串元素是强制的。
{
a: React.PropTypes.arrayOf(
React.PropTypes.string.isRequired
).isRequired
}
相反，空对象{}不会传递以下propTypes定义：
{
a: React.PropTypes.shape({
x: PropTypes.string.isRequired
}).isRequired
}
数组验证似乎不能正常工作。有什么想法吗？
浏览 3提问于2016-09-13得票数 5
回答已采纳
在父母中定义只将道具传递给孩子而不使用道具的最佳实践是什么？
简单用例：
const Parent = ({ p0, p1 }) => (
<section className="Parent">
<div>I'm the parent</div>
<p>{p0}</p>
<Child p1={p1} />
</section>
);
Parent.propTypes = {
p0: PropTypes.string.isRequired,
浏览 1提问于2019-12-11得票数 1
在react中，我们可以使用PropTypes将特定的属性标记为必需属性。
requiredFunc: PropTypes.func.isRequired,
Vue还支持所需的属性：
propC: {
type: String,
required: true
},
如何在lit-element中做到这一点？它是如此有趣，一个框架声称它很好，但不支持像必需属性这样的简单东西。
浏览 17提问于2021-06-17得票数 1
我注意到react组件有一个type.propTypes对象，它将所有propTypes作为键保存。
例如,
Component.propTypes = { initialCount: React.PropTypes.number }
看起来像
在Chrome开发工具中。这样，我就可以使用
Object.keys(component.type.propTypes)
但我也能得到丙型类型和它是否需要吗？
浏览 6提问于2015-11-18得票数 3
回答已采纳
1回答
我在网上找到了这段代码，然而，我是一个反应的初学者，我不能理解它。这段代码是做什么的？它会克隆组件吗？
对于这个非常基本的问题，我感到非常抱歉。如果能帮上忙，我会非常感激的！
const Factory = function ({
React,
thing,
isActive,
addThing,
deleteThing,
name,
description,
} = {}) {
const Thing = function (props) {
return {
propTypes: {
thing: React.PropT
浏览 14提问于2020-05-08得票数 3
1回答
PropType未给出警告
、、、、
我有一个非常简单的节点项目，其中有一个页面、一个组件和一个index.js。我有两个道具：text和num。当我执行.isRequired时，如果它们不是正确的类型，或者如果它们不存在，我会尝试使用PropTypes给出警告。但是，它们不会抛出任何错误。这是我的PropTypes代码的问题吗？我使用的是React 16.2.0和prop-type15.6.0。我使用create-react-app创建我的应用程序。
下面是代码。
App.js：
import React from 'react';
import PropTypes from 'prop-types
浏览 14提问于2018-02-11得票数 7
回答已采纳
1回答
我正在学习如何使用aframe和redux。我正在创建自定义组件，并在reactjs componentWillMount生命周期事件中注册它们。例如:我将光线投射的结果发送给父反应组件，以避免用于其他目的。这个很好用。
import React, {Component, PropTypes} from 'react'
export default class AframeComponent extends Component {
static propTypes = {
cb: PropTypes.func.isRequired
}
compone
浏览 1提问于2017-04-19得票数 5
回答已采纳
1回答
我能找到解决办法--我想知道是否有更好的方法。基本上，我将onDelete作为道具传递给CoursesPage > CourseList > CourseListRow。CourseListRow是触发onDelete的地方，我要通过event.target.value将要删除的课程的id传递给CoursesPage容器组件中的deleteCourse函数。
有更干净的方法吗？在这种情况下，使用上下文有意义吗？
容器组件中的呈现方法：
CoursesPage.js
render() {
const {courses} = this.props;
return (
浏览 0提问于2016-06-21得票数 0
我很难通过单击按钮(而不是提交)来获得我的表单(即Antd表单)来验证(不提交)。让它验证和更新包含错误的字段的唯一方法是，如果我尝试提交它。有办法这样做吗？还是我不得不提交表格？
我有一个提交按钮和一个只用于验证的按钮--仅验证按钮调用validateForm方法，但是表单上没有任何更新。
编辑：这里有一个代码框的链接来演示这个： ...again --当我触摸textbox或单击submit按钮时，验证工作并显示文本框下面的错误消息，然而，当单击Validate本身时，文本框下不会显示错误。
下面是我的基本Antd表单的代码：
import React from 'react
浏览 0提问于2018-10-31得票数 0
回答已采纳
1回答
我有一个"this.props.invoiceList“数组，我在这个数组的基础上做了一些功能，如”筛选、映射和长度“。
我会注意到下面的错误：
error 'invoiceList' is missing in props validation react/prop-types
error 'invoiceList.filter' is missing in props validation react/prop-types
error 'invoiceList.map' is missing in props
浏览 0提问于2018-04-05得票数 1
1回答
我开始使用React，所以我使用了一个React教程来创建一个简单的待办事项列表应用程序。
完成之后，我阅读了“反应中的思考”，并试图根据这篇文章改进我在教程中所做的工作。
这是我在教程中的原始代码: package.json：
{
"name": "todo-initial",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5
浏览 0提问于2020-12-04得票数 2
回答已采纳
我有一个动态接收不同属性的组件。我如何用propTypes来展示这一点？我在想像这样的事情-
export default class Component extends React.Component {
static propTypes = {
propsOne: PropTypes.object,
};
// OR
static propTypes = {
propsTwo: PropTypes.object,
};
// ...
}
浏览 0提问于2017-01-04得票数 0
以下是PropTypes的示例：
import PropTypes from 'prop-types';
class Greeting extends React.Component {
render() {
return (
<h1>Hello, {this.props.name}</h1>
);
}
}
Greeting.propTypes = {
name: PropTypes.string
};
现在我使用Greeting组件作为：
<Greetings otherProp="this i
浏览 2提问于2019-02-15得票数 16
1回答
我正在尝试从后端graphql服务中获取记录，并使用Array.map函数呈现它们。不幸的是，在加载它们之前，我会得到错误，因为它们是未定义的。我试着在组件上设置默认道具，但是它不起作用。我是否必须检查是否已加载所有内容，或者是否有特定的方法将默认值注入到这些道具中。我的代码现在看起来是这样的
import React from 'react';
import { graphql } from 'react-apollo';
import { fetchTasks } from '../../../graphql/tasks';
import {
浏览 3提问于2017-04-07得票数 3
回答已采纳
我如何重用propTypes，比方说，在我的InputWrapper中使用input元素。
例如：
class TextInput extends Component {
static propTypes = {
theme: PropTypes.oneOf(['themeOne', 'themeTwo']),
inputProps: ??? // I would like to use the built-in props for React.DOM.input
}
render() {
return <div cl
浏览 1提问于2017-06-02得票数 1
1回答
我有一个定义了以下proptypes的React组件：
NavBar.propTypes = {
navbar: PropTypes.arrayOf(PropTypes.shape({
brand: PropTypes.shape({
linkTo: PropTypes.string,
text: PropTypes.string,
}),
links: PropTypes.arrayOf(PropTypes.shape({
linkTo: PropTypes.string,
text: PropTypes.strin
浏览 0提问于2018-06-01得票数 1
描述
//反应元件。
optionalElement: React.PropTypes.element，
这不适用于检查无状态组件(定义为函数)。
我在用
PropTypes.oneOfType([PropTypes.element, PropTypes.func])
但是它太冗长了，这并不仅仅是通过函数来限制输入，而这些函数是无状态的组件。
是否存在另一个PropTypes.<test>来匹配这两种反应组件？
浏览 5提问于2016-12-21得票数 4
在使用mapStateToProps, mapDispatchToProps的React类组件中，每个传入的状态/调度支柱都很容易输入，使用PropTypes进行检查。
当重写mapStateToProps -> useSelector和mapDispatchToProps -> useDispatch时，我不再看到任何逻辑位置来执行proptype检查。除非我用PropTypes.checkPropTypes()手动检查proptypes。
我想对来自父组件的道具进行原型检查要比从Redux中检查更重要，但是我仍然想知道是否有人有一个好的解决方案。
浏览 3提问于2019-09-25得票数 6
回答已采纳
我正在开发一个组件库，我想知道定义propTypes是否是最好的实践，即使它们是，而不是自定义道具。我在其他库(即Material)中看到过这种情况，但我不知道为什么.
例如：
Button.propTypes = {
className: PropTypes.string,
onClick: PropTypes.func,
...
type: PropTypes.string.isRequired
};
const Button = (props) => <button {...props} />;
在这里，我显然希望包含type属性，因为
浏览 2提问于2018-01-30得票数 4
回答已采纳
我是React的新手，正在学习propTypes和在React中实现它们的方法。实现propType的一种方式是通过类字段，即， class Foo extends React.Component {
static PropTypes = {};
} 问题是为什么propTypes需要使用静态，省略静态可以吗？我真的希望你的初学者友好的解释，因为我已经看了这里的答案，react: why static propTypes，但没有正确地理解为什么？
浏览 6提问于2019-08-28得票数 0
回答已采纳
我刚开始做出反应，现在我正在做一个项目，用户应该能够选择一个基本成分，然后将其添加到数组中。通过单击另一个基本成分，第一个应该从数组中删除。现在，选择的成分只有在点击相同的成分时才会移除。
，我希望在单击另一个按钮时将其移除。请帮助:)
import React from 'react';
import Actions from '../../../actions/actions';
import BaseIngredientButton from './BaseIngredientButton';
class BaseIngredientIt
浏览 1提问于2016-02-20得票数 1
回答已采纳
可以为函数设置defaultProps吗？下面的代码不起作用。它不喜欢“这个”。我尝试将defaultProps绑定到'this'，或者2_将handleClose绑定到'this'，都不起作用。我使用ES6类。
SaveDialog.propTypes = {
note: React.PropTypes.string,
onCancel: React.PropTypes.func,
onSave: React.PropTypes.func,
onEditChange: React.PropTypes.func
};
SaveDialog.de
浏览 3提问于2016-02-16得票数 11
回答已采纳
我收到了这个奇怪的警告信息在控制台为我的反应应用程序。
警告:失败的propType: checker不是一个函数，检查Chart的呈现方法。
我根本没有任何检查方法。如果我删除了我的propTypes，警告就消失了。有什么想法吗？
我的反应成分：
var Chart = React.createClass({
//...
propTypes: {
legend: React.PropTypes.bool,
max: React.PropTypes.number,
min: React.PropTypes.number,
series: Reac
浏览 1提问于2015-05-01得票数 85
回答已采纳
我正在react (版本0.13.3)组件中指定所需的函数proptype ...
var MyComponent = React.createClass({
propTypes : {
onClick : React.PropTypes.func.isRequired
},
handleClick(event) {
this.props.onClick(event, clickCallback);
},
clickCallback() {
console.log("foo");
浏览 0提问于2015-10-22得票数 14
回答已采纳
1回答
https://github.com/BingXiong1995/react-flv-player/blob/master/lib/wrapper/ReactFlvPlayer.js
import React, { Component } from 'react';
import flvjs from './flv.min';
import PropTypes from 'prop-types';
class ReactFlvPlayer extends Component {
constructor(props) {
super
浏览 0提问于2020-09-06得票数 1
回答已采纳
1回答
我收到了一个关于我目前不在的页面的警告(在上)。
Warning: Failed prop type: The prop `query` is marked as required in `OtherPage`, but its value is `undefined`.
“支柱类型”："^15.7"，“反应”："^17.0"，“反应-还原”："^7.2"，“反应-路由器-多姆”："^6.0"，
此组件直接在路由组件中使用
let global_props = {...}
...
<Routes>
<Ro
浏览 4提问于2021-12-15得票数 1
我正在编写一个模块，如果用户已经安装在他的项目react-intl中，我希望能够导出一个具有翻译功能的高级组件。
这样，我就不必维护两个版本的组件来避免安装警告。
我一直在尝试使用optionalDepenceny，但是当用户安装我的软件包时，它们会安装在用户的项目上。
通常情况下，这是我试图导入的源。
/**
*
* ToggleOption
*
*/
import React from 'react';
import PropTypes from 'prop-types';
import Option from 'bootstrap-styled/
浏览 0提问于2018-04-18得票数 1
回答已采纳
1回答
我正在尝试创建一个验证函数，如果存在输入错误客户端或服务器返回的错误，则返回错误。
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { Form, submit, reduxForm, Field } from 'redux-form';
import Modal from '../../ui/modal';
impo
浏览 1提问于2017-09-05得票数 12
在我的react应用程序中，我创建了这个CreateText组件，它用于编写帖子或对帖子的评论。这就是组件。 import React from 'react';
import PropTypes from 'prop-types';
import { Header, TextAreaFieldGroup, Button, Spinner } from '../UI';
const CreateText = props => {
const { createPostData, textCreating, onInputChan
浏览 9提问于2019-03-12得票数 2
回答已采纳
我刚刚将reactjs项目从15.4.2升级到16.3.2，该项目编译得很好，但是在浏览器中，我得到了以下错误：
Uncaught TypeError: Cannot read property 'bool' of undefined
at Object.<anonymous> (propTypes.js:3)
at __webpack_require__ (propTypes.js:3)
at Object.<anonymous> (propTypes.js:3)
at __webpack_require__ (prop
浏览 1提问于2018-04-19得票数 13
回答已采纳
1回答
定义儿童道具的原型
、、、、
我想与一个元素的子元素的道具一起工作，并想验证这些道具。
是否可以通过prop-types实现这一目标？
export default function MyComponent(props) {
return (
<div>
{React.Children.map(props.children, (c, i) => {
// Want to do something with validated c.props.somePropThatNeedValidation (if exists of course)
浏览 1提问于2020-11-06得票数 1
回答已采纳
2回答
以下是错误消息：
SyntaxError: <local path>/Icon.jsx: Unexpected token (13:2)
11 |
12 | return (
> 13 | <{props.component} onclick=props.onClick styleName=props.classNames style=props.style/>
| ^
14 | );
15 | };
我似乎不知道如何修复无状态函数返回中的语法错误，下面是代码：
import React from 'r
浏览 4提问于2016-10-03得票数 0
回答已采纳
我在github上看到了一些使用不同类型道具的代码示例。
我看到了childContextTypes和context。
但是实现是不同的，尽管用法看起来很相似。
有些代码如下所示：
propTypes: {
a: React.PropTypes.string
},
childContextTypes: {
a: React.PropTypes.string
},
getChildContext() {
return {
a: this.props.a
}
}
context
浏览 2提问于2017-09-19得票数 2
回答已采纳
假设以下代码：
TestComponent.propTypes = {
text: React.PropTypes.string,
myEnum: React.PropTypes.oneOf(['News', 'Photos'])
};
我在另一个文件(即使用TestComponent)中执行了以下操作：
if (TestComponent.propTypes.text === React.PropTypes.string) {...}
if (TestComponent.propTypes.myEnum === React.PropTypes.one
浏览 1提问于2016-05-26得票数 4
回答已采纳
1回答
我有一个简单的组件来呈现一个input
import React, { Component } from 'react';
import PropTypes from 'prop-types';
class TextInput extends Component {
constructor(props) {
super(props);
this.state = {};
}
render() {
const { placeholder } = this.props;
return (
<div&g
浏览 2提问于2018-10-02得票数 0
回答已采纳
我正在我的一个组件中实现ViewPagerAndroid。分页程序的子页面视图是动态的(也许这就是问题所在？)我得到了android错误‘指定的孩子已经有了一个父母。你必须先在孩子的父母上调用removeView()’。下面是组件：
var PageContent = React.createClass({
propTypes: {
page: React.PropTypes.oneOfType([
React.PropTypes.object, React.PropTypes.bool
]),
pageNext: R
浏览 0提问于2016-05-25得票数 2
何时 值发生更改，则组件将重新呈现。我希望这个组件 从不 重新渲染，即使其道具发生更改。通过一个类组件，我可以像这样实现sCU： shouldComponentUpdate() {
return false;
} 但是有没有办法处理React钩子/React memo呢？ 下面是我的组件的样子： import React, { useEffect } from 'react';
import PropTypes from 'prop-types';
import ConnectedSpringLogo from '../../containers
浏览 74提问于2019-03-01得票数 42
回答已采纳
2回答
我目前正在使用React，React Router和React Redux构建一个应用程序
版本：
React - v15.5.4
React路由器- v4.0
React Redux - v.5.0.6
我是个新手，甚至是Redux的新手，当我开始接触connect HOC的时候，我开始有这个错误，我似乎找不到。
当我在<switch>元素和一些<Route>元素之后将一个组件连接到我的redux存储时。我的connect中返回的props为false布尔值，而connect中的组件具有正确的props。
有关示例，请参阅下面的代码和错误。
组件
UserDashbo
浏览 1提问于2018-02-12得票数 0
我最近从基于javascript的react迁移到了类型记录-react。所以这对我来说是新的。
我注意到，类型记录有自己的道具验证方法使用interface。我的问题是：
是否仍然需要使用PropTypes (来自支持类型包)？
如何为道具制作"isRequired“？如果没有定义道具，我想把它弄错。
如何为道具设定默认值？如果没有定义道具，我想使用这个默认值。
这是我的简单代码。下面的代码起作用：
import * as React from "react";
// [Question 1] Create an object PropTypes
浏览 2提问于2019-05-09得票数 8
回答已采纳
我试图根据lightboxImage的属性有条件地使disableLightbox成为必需的或不需要的。然而，当我从lightboxImage中读取道具时，我只得到第一级属性(src、宽度、高度、aspectRatio)，而不是级别(照片、disableLightbox)。有什么办法能读懂所有的属性吗？
Gallery.propTypes = {
photos: React.PropTypes.arrayOf(
React.PropTypes.shape({
src: React.PropTypes.string.isRequired,
浏览 1提问于2016-04-20得票数 4
回答已采纳
我试图在Material中实现React的最新版本(v.4.3.1)，但是得到了以下错误：TypeError: Cannot read property 'location' of undefined。我认为我需要使用某种位置历史，但不确定是否实现了更新来响应路由器。
更新
我已经成功地修复了未定义问题的位置，并通过使用BrowseRouter as Router获得了要显示的导航条和内容，但是现在导航条链接没有显示在导航栏中。没有任何逻辑来显示或隐藏链接，所以不确定是什么原因导致它们不出现。
App.js
import React, { Component } from &#
浏览 0提问于2018-09-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
