如何在React应用程序上使用样式化组件
在React应用程序上使用样式化组件可以通过以下步骤实现：
- 了解样式化组件：样式化组件是一种将样式和组件逻辑封装在一起的方法。它们通常使用CSS-in-JS库来实现，例如styled-components、Emotion等。样式化组件可以提供更好的组件封装性、可重用性和可维护性。
- 安装所选的样式化组件库：选择一个适合你的项目的样式化组件库，并按照其文档进行安装和配置。以styled-components为例，可以使用以下命令进行安装：
- 安装所选的样式化组件库：选择一个适合你的项目的样式化组件库，并按照其文档进行安装和配置。以styled-components为例，可以使用以下命令进行安装：
- 创建样式化组件：使用所选的样式化组件库创建自定义组件。例如，创建一个Button组件：
- 创建样式化组件：使用所选的样式化组件库创建自定义组件。例如，创建一个Button组件：
- 在上面的示例中，我们使用styled-components创建了一个Button组件，并定义了其样式。
- 在React应用程序中使用样式化组件：在需要使用样式化组件的地方，直接引入并使用它们。例如，在App组件中使用Button组件：
- 在React应用程序中使用样式化组件：在需要使用样式化组件的地方，直接引入并使用它们。例如，在App组件中使用Button组件：
- 在上面的示例中，我们引入了Button组件并在App组件中使用它。
使用样式化组件的优势：
- 组件封装性：样式和组件逻辑被封装在一起，使得组件更加独立和可重用。
- 样式隔离性：每个组件的样式都被限定在其作用域内，避免了全局样式冲突的问题。
- 动态样式：可以根据组件的状态或属性动态地改变样式。
- 可维护性：样式化组件使得样式和组件逻辑更加集中和易于维护。
样式化组件的应用场景：
- 构建复杂的UI组件库。
- 开发可重用的UI组件。
- 提高开发效率和代码可维护性。
腾讯云相关产品和产品介绍链接地址：
相关·内容
1回答
当我在app本机应用程序上使用安装命令( npm
── UNMET PEER DEPENDENCY normalize.css@^4.0.0
├── UNMET PEER DEPENDENCY react-addons-css-transition-group@^0.14.0 || ^15.0.1
├── UNMET PEER DEPENDENCY react-dom@^0.14.0 || ^15.0.1
└─┬ react-toolbox@1.0.1
├── classnames@2.2.5
├── core-js@2.4.0
└── react-css-themr@1.1
浏览 1提问于2016-07-07得票数 0
回答已采纳
我正尝试为react中的特定组件添加CSS文件，但该CSS文件适用于所有组件如何为特定组件添加style.css？
import React, { Component } from "react";
import { Link } from "gatsby";
import Layout from "../components/layout"
import Footer from "../components/Globals/Footer"
import "./crm2.css"
class Crm exten
浏览 0提问于2020-10-03得票数 1
1回答
我有一些困难，在使用风格的组件在一个反应应用程序(创建-反应-应用程序)，我也使用材料-用户界面。
我是一个关于样式组件的noobie，所以我尝试在一个基于另一个资料ui组件的样式组件内设计一个素材ui组件。为了澄清我想要做的事情，下面是代码：
const StyledContainer = styled(Container)`
background-color: ${props=>props.theme.defaultBackground};
${FormControl} {
width:100%;
}
`;
容器和For
浏览 8提问于2020-04-14得票数 0
回答已采纳
我有一个无状态函数组件(请参阅下面的标题)，它使用React render在呈现时显示一些简单的标题元素。除了没有内部状态之外，Title也不会从它的父组件(GameHeader)接收任何支持。但出于某种原因，每当我从树中的另一个无关组件更新整个应用程序状态时，Title仍然会继续被重新呈现，这会导致React显示动画每次发生不相关的应用程序状态更改时都会运行。
// GameHeader.js
import React from 'react';
import Title from './Title';
import Options from '.
浏览 5提问于2020-11-29得票数 1
我正在阅读一本“反应学习”教材，它解释了我对胡克斯的看法。钩子部分工作正常。
作者演示了如何用一些易于使用的样式和相关组件定制钩子。
我有下面的代码。
import React from 'react';
// import logo from './logo.svg';
import './App.css';
import StarRating from './components/StarRating';
import StarRating2 from './components/StarRating2';
i
浏览 0提问于2020-09-15得票数 1
回答已采纳
1回答
在Next-redux应用程序上将现有的样式组件升级到v4时，我们得到了以下错误：
不变冲突:必须将组件传递给connect返回的函数。相反，收到了{“吸引”：[]，“componentStyle”：{“规则”：“.app &{"，空，";"，空，”}“，"isStatic":false，”componentId“：”withStyles l4k83c-0“}
在我的package.json里
"babel-cli": "^6.26.0",
"babel-preset-flow": "
浏览 0提问于2019-02-12得票数 2
3回答
不显示风格的故事书
、、、
我有一个对话框组件，它在内部使用Primereact对话框。当我为同样的内容制作一个故事书时，在dialog.jsx中导入自定义css按钮时，它将被导入。但是Primereact对话框的默认css并不是在故事书中加载和反映。虽然它是加载在我的反应应用程序。
dialogComp.jsx
import { Dialog } from "primereact/dialog";
const DialogComp = (props) => {
return (
<Dialog
className="dialog-modal"
浏览 6提问于2020-12-24得票数 6
回答已采纳
1回答
我有一个react组件，在css文件夹.In APP.js(load1.jsx，load2.jsx，load3.jsx)中定义了多个(one.css，two.css，three.css)文件，我们已经配置了所有的js文件。
one.css应用于load1.jsx，two.css应用于load2.jsx，three.css应用于load3.jxs，但是one.css的样式被load1.jxs中的three.css覆盖。
如何在react js中修复这个问题。
浏览 0提问于2021-04-15得票数 1
我想知道如何正确地将路由器链接添加到material-ui AppBar演示中。
我是react的新手，我的第一个猜测是在程序上进行导航(例如，在click处理程序中)，但它似乎不是react-router的工作方式。
问候
浏览 3提问于2018-02-21得票数 0
回答已采纳
我正在学习react，在做项目时遇到了这种情况。 我有下面的场景，其中2个react子组件在标准HTML元素下 如果我需要以单个react子元素为目标和样式，该怎么做呢？ 对于普通的超文本标记语言元素，我会为每个单独的child HTML element分配className并设置它们的样式。 但是这种方法不适用于react component，请建议如何处理它？ ?
浏览 11提问于2021-06-24得票数 1
1回答
我使用根，每个组件都有自己的样式，如何应用这些样式？
class Main extends React.Component {
render() {
return (
<ReactShadowRoot>
<Header/>
<Content/>
<Footer/>
</ReactShadowRoot>
)
}
}
const app = d
浏览 7提问于2020-05-26得票数 0
回答已采纳
我有一个使用材料的React组件-UI称为'Profile'，使用自定义CSS创建这样的响应字体大小：
let theme = createMuiTheme();
theme = responsiveFontSizes(theme);
theme.typography.h1 = {
fontSize: '5.35rem',
'@media (min-width: 600px)':{
fontSize: '3.0rem',
},
'@media (max-width: 60
浏览 4提问于2020-10-07得票数 0
回答已采纳
我刚开始反应，我用以下方法构建应用程序：
create-react-app applicationame --scripts-version=react-scripts-ts
我不使用webpack，因为创建-反应-应用为我做的一切，我认为它只是好！
当然，我需要一个智能组件工具箱。感谢Palantir免费提供这么好的图书馆。Blueprintjs可以很好地处理React/类型记录，即使在类型记录中仍然没有创建许多类(例如:我必须使用“pt-面包屑”，而类breadcrumbs是为“pt-面包屑”提供的)。但除此之外，工具箱也没问题。
现在，我想定制应用程序的外观和感觉，以满足客户的限制：
浏览 0提问于2017-09-13得票数 4
我正在研究在React应用程序中设置页面样式的最佳方式。我在react中看到了很多可以样式化的库，比如Styled Components，Glamor，CSS Modules。
在我目前的项目中，我正在使用CSS模块(主要是为了摆脱css冲突和页面特定的CSS)。我用谷歌搜索了很多关于为什么我应该使用样式组件和CSS-in-JS的问题，但我没有得到任何具体的答案。所以我的问题是，使用CSS-in-JS或样式组件是否有实际的性能优势，或者它只是语法上的糖。
浏览 0提问于2018-09-19得票数 26
3回答
我正在使用React中的样式组件。每当我在样式组件中编写样式，如果在浏览器中加载应用程序，在开发人员工具的elements选项卡中就会得到一些随机的类名。我只想知道幕后发生了什么？
const Button = styled.a`
display: inline-block;
border-radius: 3px;
padding: 0.5rem 0;
margin: 0.5rem 1rem;
width: 11rem;
background: transparent;
color: white;
border: 2px solid white;
`
render(
<
浏览 0提问于2020-01-29得票数 4
1回答
我正在使用react构建一个可插拔的聊天机器人小部件。我的目标是一个聊天机器人小工具，你可以在任何网站上使用，有点像。
当我在一些站点上使用它时，我发现它的样式被添加了小部件的基本站点所覆盖。在调试过程中，我发现这个基础站点在他们的CSS中使用了带有!important的样式，类似于
a {
color: blue !important;
}
这真的搞砸了我的小部件样式，所以无论我在小部件CSS中使用了什么特定的样式，它都会被具有!important的基本站点样式所覆盖。我找到了‘css -module’，'react-jss‘库来限定CSS，但没有一个能够覆盖！重要的是，
浏览 0提问于2020-02-05得票数 2
3回答
使用styled-components的新手总数。我想知道它的用途是什么？如何在对组件进行样式化后实现组件生命周期方法？为了简单起见，我删除了所有其他样式。
import styled from 'styled-components';
const Button = styled.button`
background-color: 'green'
`
export default Button;
我想知道如何进一步研究这个Button组件？
传统上，我们可以声明一个基于类的组件并实现一些生命周期方法，但是现在使用这个styled-components，我
浏览 4提问于2020-05-12得票数 4
回答已采纳
我使用的是我的应用程序的反应-本机类型记录。我的样式-组件版本是"styled-components": "^5.3.0"。我已经创建了自定义ThemeProvider并将其包装到我的根应用程序中。我不得不切换我的应用程序的黑暗主题。我的ThemeProvider工作得很好。我能做DarkTheme和LightTheme。但是当我使用这个命令yarn tsc测试我的应用程序时，类型记录。我收到打字错误：error TS2339: Property 'backgroundColor' does not exist on type 'Defa
浏览 0提问于2021-08-25得票数 1
回答已采纳
我正在使用一个反应数据表组件来制作这个表。数据来自道具。但是标题的CSS属性没有改变。我认为这是不正确的。
标题：{ fontColor：'red'，fontWeight：'900‘}
另外，我想知道如何在CSS文件中进行样式化，并在这个表中使用它。找不到任何具体的东西。
这是我的完整密码。
import React, { Component } from 'react';
import DataTable from 'react-data-table-component';
const customStyles = {
titl
浏览 1提问于2020-02-12得票数 3
回答已采纳
1回答
我已经用React构建了一个很大的应用程序，它的调试变得相当困难(我也使用了styled component)，我想要一种在检查dom时快速识别元素和组件的方法。
样式化的组件会生成一个随机的散列，这意味着有时很难找到确切的组件。
我想知道人们是否可以建议是否使用ids，类或数据属性(或者组合是最好的)，并且由于标识符将主要用于调试和测试，是否有好的方法将这些从生产捆绑包中剥离出来？也许用的是webpack或者另一种选择。
浏览 0提问于2018-10-01得票数 1
2回答
I样式的子组件如何反应？
、、、、
在简单的HTML结构中，我可以实现如下所示。我想知道如何对React和样式组件做同样的事情。
HTML
<div className="slider">
<section>Content A</section>
<section>Content B</section>
</div>
我可以像这样针对这部分的造型。
.slider section {
//some styling
};
我如何在与样式组件的反应中实现同样的目标？在本例中，我的滑块div是一个样式化的组件，该部分是一个反应
浏览 0提问于2021-11-25得票数 1
回答已采纳
1回答
React与开发非常不同。
、、、、
谢谢你想帮我！
当我构建我的React应用程序时，它看起来与开发模式非常不同。我使用serve -s build来观察应用程序何时生成。但在我的在线Digitalocean服务器上，它看起来和开发中的不一样。因此，它可能与反应或它是如何建造的有关。这是一种发展模式：
这就是建造它的时候：
因此，它看起来CSS或Javacript没有正确编译。这是我的package.json
{
"name": "websitedominique",
"version": "0.1.0",
"private"
浏览 5提问于2022-03-09得票数 0
Block.jsx代码..。
import React from 'react';
import styled from 'styled-components';
import { WHITE } from '../../constants/color';
const Wrap = styled.div`
width: 100%;
padding: 0 1rem;
display: flex;
align-items: center;
box-sizing: border-box;
background-color: $
浏览 6提问于2022-07-06得票数 0
2回答
我目前正在为我公司的React Native应用程序开发设置一个样板代码。我们是React Native和Mobile App开发的新手，但有大量的React/JS开发人员。 我想知道React Native中组件样式的最佳实践是什么。我很想知道你是如何构造你的样式代码的，你用什么方法来设计样式。 我查阅了几篇文章，关于使用内联样式、核心库中的StyleSheet组件或使用诸如StyledComponents之类的库的方法，有各种不同的观点 就代码结构而言，我目前使用index.js和styles.js将我的组件拆分到自己的文件夹中。对于即将到来的更多组件开发，这是一个可扩展的解决方案吗？
浏览 27提问于2019-05-24得票数 0
我在Direflow react应用程序中加载本地woff字体时遇到了一个问题 下面是我的示例代码 font.tsx
import {createGlobalStyle} from 'styled-components';
export default createGlobalStyle`
@font-face{
font-family:'27 Sans';
src: local('27 Sans'), local('27Sans'),
url('./27Sans-Light.woff') f
浏览 82提问于2020-09-13得票数 0
2回答
我在命名这个问题时遇到了麻烦，而且它似乎相当宽泛，所以，请原谅我哦版主。我第一次尝试使用，并试图将其集成到我的react应用程序中。到目前为止，我有以下几点：
import React from 'react';
import styled from 'styled-components';
const Heading = styled.h1`
background: red;
`;
class Heading extends React.Component {
render () {
return (
浏览 1提问于2017-02-22得票数 6
2回答
反应中常见的风格-本土化
、、、
背景:我对反应完全陌生--本地人。
问:从一个有经验的角度来看，我为什么不应该这么做？
目标：-有共同的风格在我的反应-本地应用？-使用优势的VSCode IntelliSense的开发。
#common/styles.js
import { Platform, StyleSheet } from 'react-native';
export const styles = StyleSheet.create({
fontFamily: {
...Platform.select({
ios: {
fontFamily: 'Bas
浏览 0提问于2018-03-05得票数 0
我正在使用的和样式-组件，我的反应式打字网页应用程序。使用样式创建的组件-组件在调试时似乎没有显示正确的displayName；相反，它们显示的是styled.div或styled.span之类的回退。
例如。
const Bar = styled.div`
background: #ddd;
`;
...
return <Bar />;
这将在React工具中将styled.div显示为显示名称而不是Bar。
PS:样式-组件建议一个babel插件，为CRA应用程序工作。但是如果有类似的解决方案的话，我看不出有什么文档。
浏览 2提问于2018-06-04得票数 3
因此，我正在为该公司构建一个设计系统，并且组件系统在设计系统故事书中正确显示。但是当我将它导入到消费者应用程序中时，我得到了以下错误 TypeError: Cannot read property 'width' of undefined in theme.border.width 设计系统工程： /// src/components/Button/index.js
import { Wrapper } from './styles'
import React from 'react'
export const Button = (props
浏览 20提问于2021-02-03得票数 2
回答已采纳
3回答
如何在JSS中指定:焦点属性？
、、、、
我将react-native-web与expo和react-native-paper (material ui)一起使用
我的问题是在编译的web版本中的焦点轮廓属性上的文本区域，所以我需要去掉这个蓝色边框。通常我会这样做
textarea:focus {
outline:none!important
}
对于react-native，我们不能只使用jss而使用css，但是如何使用这个属性呢？
<TextInput
label='Email'
value={this.state.text}
onChangeText={text => thi
浏览 0提问于2019-09-01得票数 1
我使用React.js创建了一个新的create-react-app应用程序。
对于每个组件(例如src/components/ComponentX.js)，我创建了一个单独的样式表(src/styles/ComponentX.css)，并按如下所示导入了它。
这反过来又为每个页面上的每个导入样式表创建了一个单独的<style>...</style>节。因此，样式表是全局的(这对SPA?)是有意义的，尽管不像描述的那样串连在一起。
在开发中，以这种方式表示依赖关系允许在编辑样式时动态地重新加载它们。在生产中，所有的CSS文件都将连接到构建输出中的一个缩小的.css文件
浏览 9提问于2022-01-20得票数 0
2回答
有没有办法和一起使用？react-bootstrap公开了组件的bsClass属性，而不是className属性，这似乎与样式组件不兼容。
有什么经验吗？
浏览 12提问于2017-08-26得票数 51
2回答
具有多个类的React样式的组件
、、、、
我正要使用样式组件在react中构建一个小项目，但是，我对使用这个包有一个问题。我想创建一个样式化的组件，将几个类集合在一起，但我不知道怎么做，例如：
<div class="search-input search-input-small">
如何将其转换为带样式的组件？在css中有两个不同的类，但在样式组件中我不知道。
谢谢。
浏览 20提问于2020-11-15得票数 3
回答已采纳
例如，我想用Instagram这样的多个组件来构建react。来自HTML/CSS/JS -每个页面都有自己的设计和布局。现在react不改变页面，它只是呈现不同的组件，无论是登录页面、配置文件页、提要等等。现在我想知道如何在包含多个复杂组件的react应用程序中实现css网格。我应该在App.js上做一个网格布局，以保存所有的主要组件，如寄存器、登录、提要等，还是应该为用作“页面”的每个组件创建一个网格(注册、登录、提要等)&只需忽略App.js样式？
编辑-每个组件将有一个不同的外观，例如，注册页面将有一个注册表单，登录页面将有一个不同的外观形式和设计提要是一个组件，将显示标题和用
浏览 1提问于2021-03-11得票数 2
1回答
我试图在我的移动应用程序上集成条形码，我试图从@ stripe /stripe-react本地导入CardField，但问题是我不能改变它的样式，我希望数字字段与CVC和到期日期一样在行上。有什么方法可以这样做吗?我检查了我只找到这个例子的文档
浏览 4提问于2022-06-10得票数 1
回答已采纳
我的NextJS项目有一个问题。当我运行'yarn dev‘时，我在一个<style>标签中获得了全局样式，我需要它们是为了页面性能，并防止页面加载时发生布局改变。但是，当我运行'yarn build‘，然后运行'yarn start’时，全局样式以<link rel='stylesheet' href... />标记结束。这就是我的问题。下面是我的代码： _app.js import Layout from '../components/Layout'
import '../styles/globals
浏览 49提问于2021-08-05得票数 0
2回答
由于React的目的是使组件可重用，而且页面的布局可以从一个应用程序到另一个应用程序有很大的变化，所以我不知道将特定于布局的样式放在哪里。有什么建议吗？
浏览 0提问于2019-08-22得票数 0
2回答
我有ViewAllGraphs类： import '../styles/Graph.css'
export class ViewAllGraphs extends React.Component {
constructor(props) {
super(props);
this.state = {
showWindowPortal: false,
} 和render方法： return (
<div>
{
浏览 27提问于2021-02-01得票数 1
回答已采纳
4回答
如果我在我的项目中添加了@type/styled组件，那么构建输出中就会出现一堆错误：
ERROR in /Users/me/projects/react/node_modules/@types/react-native/globals.d.ts(36,15):
TS2300: Duplicate identifier 'FormData'.
ERROR in /Users/me/projects/react/node_modules/@types/react-native/globals.d.ts(81,5):
TS2717: Subsequent property de
浏览 0提问于2019-02-15得票数 30
回答已采纳
1回答
这是我能想到的最基本的例子：
import React from 'react';
import {
css,
} from 'styled-components';
const Foo = (props) => {
console.log(props);
const {
children,
} = props;
return <div {...props}>{children}</div>;
};
export default () => {
return <div
cs
浏览 5提问于2020-10-10得票数 1
回答已采纳
2回答
//action code
export const CLEAR_COMPLETED = 'CLEAR_COMPLETED'
export const clearCompleted = () => {
return{
type: CLEAR_COMPLETED
}
}
//reducer code
case CLEAR_COMPLETED:
return state.map(todo => {if (todo.completed)
{return {...todo, show:false}}
浏览 0提问于2017-12-11得票数 2
我一直在尝试在react原生应用程序上设置一个图片作为背景，但没有成功。
这是我的Image标签。
<Image
source={require('../img/cat.jpg')}
style={styles.backgroundImage}
blurRadius={1} />
它应该包含子元素，这些子元素应该在顶部呈现。
样式如下所示：
backgroundImage: {
flex: 1,
width: null,
height: null,
resizeMode: 'cover',
},
目前，子元素呈现在
浏览 0提问于2017-11-09得票数 1
我似乎不能将内部子组件Product的样式设置为向左浮动。我想在上级做这件事，这样产品本身就不会被定位了。
import React from 'react';
import Product from './product.js';
import styled from 'styled-components';
const ProductContainer = styled.div`
${Product} {
float: left;
}
`
class ClassProductContainer extends React.Com
浏览 3提问于2021-11-08得票数 0
我已经设法在React中创建了类，并希望将随机生成的背景设置为div容器。名为divStyle的常量变量确实包含CSS函数rbg()，但我就是找不到将变量从this.state传递到该函数的解决方案 import React from 'react';
import './ShopItem.css';
class ShopItem extends React.Component{
constructor(props){
super(props);
this.state = {
r:Math.floor(Math.random(
浏览 73提问于2019-03-01得票数 2
3回答
我正在使用构建我的React。
但是，有一个组件必须嵌入到另一个站点。这意味着，我提供这个组件的产品构建嵌入到一个不同的网站。
我的React应用程序的css被该网站中定义的全局样式覆盖。
我不想要这种行为。有什么办法，我可以隔离我的反应应用程序的css和其他网站的全球css。
我看到了，但是解决方案对我没有帮助。
浏览 0提问于2019-08-24得票数 6
回答已采纳
1回答
我只是来自react背景，我的意图是，我想在组件级别使用SCSS文件，就像我在我的react应用程序中使用的那样，我不喜欢接下来的更改，会产生一些粗俗的错误：
Global CSS cannot be imported from files other than your Custom <App>. Due to the Global nature of stylesheets, and to avoid conflicts, Please move all first-party global CSS imports to pages/_app.js. Or convert th
浏览 8提问于2022-05-07得票数 2
回答已采纳
我正在构建一个react，这是我第一次做一个非常大的项目。我刚在一段视频中听到有人简短地提到，像facebook这样的大公司有一些按钮设计，我想他们会把这些设计导入到这个项目中。是这样，整个应用程序的按钮有一致的设计，颜色等。如果是，这会是更好还是更糟的性能，如果我只是做2-3个按钮设计，然后导入到其他组件，当我需要他们。目前我的应用程序中有大约100个按钮，它们看起来都很相似，但并不完全相同，主要是填充和高度不同，但我给每个按钮都提供了一个独特的className，然后对每个按钮重做css。这似乎对性能和应用程序的总体设计都是不利的。
这就是我如何制作新的按钮组件，这是否是正确的，我是否应该
浏览 3提问于2021-06-11得票数 0
回答已采纳
我正试图用样式化的组件对该组件进行样式化，但我的解决方案似乎很麻烦。使用样式组件设计此组件的最佳实践是什么？
使用纯文本HTML和CSS，我可以创建以下内容：
HTML：
<label>
<input type="checkbox" value="s1"/>
<div class="container">s1</div>
</label>
<label>
<input type="checkbox" value="s2"/&g
浏览 0提问于2019-04-01得票数 0
回答已采纳
2回答
我是比较新的React，我被困在使用样式化组件来样式化组件。
const SearchBarContainer_Button = styled.button`
padding: 10px;
margin-left: 10px;
width: 300px;
`;
<ButtonOne
style={SearchBarContainer_Button}
type="submit"
className="search-bar__button"
>
{this.props.buttonText || &
浏览 0提问于2018-04-27得票数 0
1回答
我在我的react应用程序上使用react-calendar包。将<Calendar/>放置在文件上会使打开的日历位于前面。
但是，如果用户单击输入字段，我希望显示日历：
<div className="form-group">
<label>Start Date</label>
<input type="text"/>
<Calendar style={{display: "none"}} />
<
浏览 3提问于2020-06-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
