在循环中依赖于setState，使用键呈现li
是指在React中使用循环渲染列表时，为了正确更新组件状态，需要在循环中使用setState方法，并为每个列表项提供唯一的键。
在React中，使用循环渲染列表时，通常会使用map方法来遍历数据数组，并为每个数组项生成对应的组件或元素。在这个过程中，为了能够正确地更新组件状态，React要求每个列表项都要有一个唯一的键。
使用setState方法是为了在循环中更新组件的状态。setState是React组件中用于更新状态的方法，它接受一个对象作为参数，用于更新组件的状态。在循环中使用setState可以根据需要更新每个列表项的状态，例如改变其显示内容、样式等。
使用键呈现li是指在循环渲染列表时，为每个列表项提供一个唯一的键。这个键可以是列表项的唯一标识符，例如列表项的ID或索引。通过为每个列表项提供唯一的键，React可以更准确地追踪每个列表项的变化，并在需要更新时进行高效的渲染。
使用键呈现li的优势是可以提高React组件的性能和效率。通过为每个列表项提供唯一的键，React可以更准确地追踪每个列表项的变化，并只更新需要更新的部分，而不是重新渲染整个列表。这样可以减少不必要的DOM操作，提高页面的渲染速度和性能。
在React中，使用键呈现li的应用场景非常广泛。无论是渲染简单的列表，还是复杂的数据表格，都可以使用键呈现li来提高性能和效率。特别是在需要频繁更新列表内容的场景下，使用键呈现li可以显著减少不必要的渲染操作，提升用户体验。
对于腾讯云相关产品和产品介绍链接地址，可以参考以下内容：
- 云服务器（CVM）：提供弹性、安全、可靠的云服务器实例，满足各种计算需求。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：提供高性能、可扩展的云数据库服务，支持自动备份、容灾等功能。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：提供高度可扩展的容器化应用管理平台，支持快速部署、弹性伸缩等特性。详情请参考：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和模型，支持图像识别、语音识别、自然语言处理等应用。详情请参考：https://cloud.tencent.com/product/ailab
请注意，以上链接仅供参考，具体产品和服务详情请以腾讯云官方网站为准。
相关·内容
1回答
动态追加组件
、、
我尝试动态地添加一个组件，这里是我试图添加到MainComponent中的板。当addChild循环运行时，函数的工作和列表板正在填充，但是没有发生任何其他事情，屏幕上什么也没有显示。
const MainComponent = props => (
<div className={props.className}>
<p>
<a href="#" onClick={props.addChild}>Add Another Child Component</a>
浏览 3提问于2020-11-19得票数 0
3回答
我有一个组件，它有这样的项目列表：
loadMore() {
const len = this.state.itemList.length;
if (len < 1000) {
const newItems = Array.from({length:10}, (v,i) => "item-" + (i+len));
this.setState({itemList: this.state.itemList.concat(newItems)});
} else {
alert("no mo
浏览 9提问于2016-06-30得票数 3
回答已采纳
这是我的练习演示，这是要做的清单。
你可以看到，当我确认一项任务。它将消失，但下一个任务状态将被检查。
我怎么才能修好？提前谢谢。
代码：
import React, { Component } from 'react';
import InpuText from './component/InpuText';
class Note extends Component {
constructor(props) {
super(props);
this.state = {
inputdata: 'no data
浏览 1提问于2017-02-21得票数 0
回答已采纳
当我单击edit时，将打开所有元素的可编辑textarea。如何将其设置为仅在我单击的元素处打开。 演示：https://stackblitz.com/edit/react-yoevt8 class App extends Component {
constructor() {
super();
this.state = {
todos: [],
showTextAreaEdit: false
};
}
componentDidMount() {
this.getTodos();
}
displayEdit =
浏览 13提问于2019-09-25得票数 1
如果我正确理解，如果为每个列表项提供了唯一的键，每当我们添加新的或删除现有的项时，其余的项将被重新呈现。但是，对于项元素，我使用了一个惟一的键，当我单击Add按钮时，我仍然看到呈现字符串(我在Item组件中添加了console.log() )在控制台中打印了X次(x等于总列表项的数量)。
完整的代码如下：
import "./styles.css";
import { v4 as uuidv4 } from "uuid";
import { useState } from "react";
const data = () => {
浏览 0提问于2022-04-04得票数 1
回答已采纳
1回答
我试图做一个单一的页面应用程序导航，所以当用户单击菜单链接时，组件会加载到页面容器中。这就是我尝试过的：
App.tsx:
import * as React from 'react';
import Home from './components/Home';
import MainMenu from './components/MainMenu';
import SignUp from './components/SignUp';
interface IProps {
SignUp?: boolean;
}
inte
浏览 0提问于2018-10-22得票数 0
1回答
在使用React和Socket.io时，我遇到了一个奇怪的问题。感谢任何人都能帮上忙。
目标：
-->1. socket.io发出一个事件，用按钮列表对事件进行正面反应
->2. react呈现按钮列表
->3.用户单击按钮
->4.按钮上的文本作为消息发送
->5.将状态从{隐藏: false}设置为{隐藏: true}
->6.按钮隐藏起来，用户不能回去点击它们
代码：
import React, { Component } from 'react';
import uuidv4 from 'uuid';
class
浏览 0提问于2018-05-01得票数 0
回答已采纳
1回答
React项目-唯一的ID
、、、、
我试图为列表项引入唯一的标识符，而不是使用索引，但是我尝试的每一种方法，我似乎都无法让它在子项目中工作。这是我工作的基地。我确实从'uuid';安装并导入了导入{ v4 as uuidv4 }，以使它更容易一些。
您所要做的就是简单地放入'uuidv4()‘来生成一个随机ID。
亲本
import React from 'react';
import './App.css';
import ShoppingCartList from './ShoppingCartList'
import { v4 as uuidv4 }
浏览 3提问于2020-10-06得票数 1
请告诉我为什么我会从这个应用程序中得到这个错误：
index.js：
const API='http://my-domain.com/api/?format=json'
class App extends React.Component{
constructor(props){
super(props);
this.state={
data: [],
isLoading: false,
error: null,
};
}
componentDidMount(){
this.setState({isLoading: true});
浏览 90提问于2018-07-18得票数 0
回答已采纳
2回答
关键的反应是什么？
、、、
import React from 'react'
import ReactDOM from 'react-dom'
class App extends React.Component{
constructor(props) {
super(props)
this.state = {
list: [{id: 1,val: 'aa'}, {id: 2, val: 'bb'}, {id: 3, val: 'cc'}]
}
}
click()
浏览 2提问于2017-08-31得票数 1
回答已采纳
import React from 'react';
import {Jumbotron} from 'react-bootstrap';
import axios from 'axios';
import './App.css'
export default class Form extends React.Component{
state={
user:[],
firstname:'',
lastname:'',
}
handleChange = event =>
浏览 0提问于2018-03-22得票数 4
你可以在这里看到示例代码。
我知道我的问题是关于处理状态，也许你可以给我一些想法，我可以如何做到这一点，谢谢=)在未来的帮助
collapseOnTrigger = id => {
const newSubData = [
{
id: "tests",
subId: "sub test",
subData: "sssss ssss"
},
{
id: "ss",
subId: "1"
浏览 0提问于2020-06-17得票数 1
我创建了一个动态按钮。问题是CurrentPage和KeyIndex在呈现之前已经被评估过了。
private DisplayButtons = () => {
let cont = [];
let startAt, endAt;
startAt = this.state.StartAt;
endAt = this.state.EndAt;
if (this.state.CurrentPage == 1) {
endAt = endAt =
this.state.TotalRecord / this.state.PageSize >= 5
浏览 1提问于2019-06-17得票数 0
我正在通过数组进行映射，并为数组的每个元素创建<li>元素。每个<li>元素中也有一个<li>，它具有一个display属性，其值取决于isDownloading状态对象。
问题：
每当我单击一个<li>元素时，所有的<li>元素都会出现图像，而不是那个特定的<li>元素。
代码：
...
constructor() {
super()
this.state = {data: null, isDownloading: null}
}
componentDidMount() {
...
//array of
浏览 0提问于2018-02-19得票数 0
回答已采纳
2回答
当我在map迭代中返回一个组件时，我怀疑我这样做是正确的。我如何改进代码，或者有没有更好的方法？(尽管我的代码正在工作)
父级
function App() {
return (
<div className="App">
{[
{
name: "banana",
count: 3
},
{
name: "apple",
count: 5
}
].map(
浏览 0提问于2018-11-21得票数 1
我有一个React应用程序，它被设置为向服务器发送API请求，以检索与用户输入相匹配的书籍。
我遇到的问题是，一旦任何查询开始输入搜索字段，应用程序就会进入一个循环，发送数百个请求，只有在查询从搜索中清除时才停止。
如何将其限制为用户查询中每个更改的一个调用？
import React, { Component } from 'react'
import * as BooksAPI from './utils/BooksAPI'
// import Book from './Book';
export default class SearchB
浏览 2提问于2018-05-24得票数 5
回答已采纳
我在this.state.items中存储了一个项目数组，用户可以通过单击修改this.state.items的按钮来添加/删除项目。
我有这样的东西。(这段代码未经测试，可能无法编译，但您可能有了这样的想法。)
TextField = React.createClass({
render() {
return <input type="text"/>;
}
});
TextList = React.createClass({
getInitialState () {
return {
i
浏览 0提问于2015-10-17得票数 0
回答已采纳
2回答
我有一些状态变量(我只显示了3个)：
class IntroductionPage extends React.Component<SomePageProps, {inId: string,
i1: string,
i2: string
}> {
constructor(props: any) {
super(props);
this.state = {inId:'',
i1:'',
i2:''
};
}
我正在读取DB中的键值对：
+------------+-----
浏览 1提问于2021-04-22得票数 0
回答已采纳
2回答
当试图在单个组件上使用setState时，我会得到以下错误。
警告:数组或迭代器中的每个子元素都应该有一个唯一的“键”支柱。
我在州里创建了名单。
在一个按钮上，我想更新列表
我的代码：
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Component {
constructor(props) {
super(props)
this.
浏览 1提问于2018-04-08得票数 2
回答已采纳
我正在将一些数组映射到一个React项目中，并返回li-tag子元素，当然，React期望为每个动态子元素都提供一个独特的键。不过，我觉得我没有什么独特的钥匙.至少据我所知没有。有了我的数据和代码(从获取)，有什么密钥可以传递吗？
import React, {Component} from 'react';
export default class Overview extends Component{
constructor(props, context){
super(props, context);
this.state = {
cha
浏览 1提问于2016-09-25得票数 0
回答已采纳
诚然，我已经离开React有一段时间了，但这应该更多地属于普通JS的类别。
我有以下setState函数：
// click event on parent for performance reasons
``Component:``
const [active, setActive] = useState({ "": false });
return (
<div onClick={handleClick}>
<List>{items}</List>
</div>
)
和click事件：
const handl
浏览 6提问于2019-08-19得票数 0
我试图呈现polkadot浏览器扩展的输出，但我得到了这个错误-- Uncaught (承诺)错误:对象作为React子对象无效(找到:键{address、meta、type}的对象)。如果您打算呈现一个子集合，请使用数组代替.。
我看到它想让我使用数组(还是地图？)但我不知道如何实现
有什么想法吗？
import ReactDOM from 'react-dom';
import './index.css';
import reportWebVitals from './reportWebVitals';
import {
web3Acco
浏览 10提问于2022-02-24得票数 0
1回答
早上好，我正在开发一个React应用程序，通过REST与后端通信。
应用程序体系结构还使用了React路由器，并使用服务器提供并存储在SessionStorage中的JWT令牌实现了身份验证功能。
基本上：
用户连接到应用程序，如果用户未登录，则重定向到登录页面，当登录页面被重定向到带有路径/entsorga/home的主页，该页面将显示带有路径/entsorga的组件和带有路径/entsorga/home的组件(如果了解app路由器的工作原理)<code>H 210</code><code>f 211</code>
通过应用程序的启动，用户被正
浏览 5提问于2021-03-23得票数 0
回答已采纳
只有一个键按下注册，然后输入失去焦点，但我可以点击回到组件并添加.一个角色。状态更新。
由于子组件是无状态的，所以我假设仅仅将处理程序作为文档中描述的道具传递就足够了，但是从更改方法的绑定到添加构造函数都产生了相同的结果。我通常可以在网站上找到答案，但这次没有运气。
const list = [
{
id : 0,
title : "Went well",
showCard : false,
cards : [],
color : "pink"
},
{
id : 1,
title : &#
浏览 0提问于2019-03-23得票数 1
回答已采纳
我试图简单地为用户呈现数据库中的每个标记。只有最后一个标记为用户呈现(tag3)。控制台的内容如下：
控制台：
...
Room.js:376 Tags just before .map: undefined
Room.js:376 Tags just before .map: undefined
Room.js:376 Tags just before .map: undefined
Room.js:376 Tags just before .map: undefined
Room.js:376 Tags just before .map: tag1
Room.js:376 Tags jus
浏览 1提问于2019-01-21得票数 1
回答已采纳
在过去的几周里，我一直在使用facebook框架React.js和主干，但我仍然不完全确定，当一个主干集合中有变化被作为一个支柱传递时，什么是最合适的重新呈现一个React.js组件的方法。
目前，我所做的是在componenentWillMount中在集合上设置change/add/remove侦听器，并在它触发时设置状态：
componentWillMount: function(){
var myCollection = this.props.myCollection;
var updateState = function(){
this.setState
浏览 3提问于2013-12-04得票数 32
回答已采纳
1回答
我正在尝试创建一个函数，当被调用时，它将状态设置为对象{item：‘任何用户类型’，list：...list，todo}；但是，我不知道如何设置新的状态并同时返回<li>{todo}</li>。我被困了一段时间了，如果你能帮我个忙，我会很感激的。
const Todo = () => {
const [state, setState] = useState({ item: '', list: [] });
const setTodoValue = (e) => {
setState((previousState) =>
浏览 6提问于2022-02-23得票数 1
回答已采纳
1回答
如何让li元素在React中逐个淡入？请注意，我最初将li显示为none。然后，我计划在鼠标悬停在ul单词上时激活它们。初始li的不透明度为0，但是我想让li一个接一个地变成不透明度1，我该怎么做呢？
import React, { Component } from 'react';
import { Image } from 'semantic-ui-react'
class SideBar extends Component {
state = {
activeItem: '',
displaying
浏览 0提问于2018-11-08得票数 1
我真的厌倦了模型绑定，并试图开始反应，因为我真的喜欢整个无状态的想法。我看过了这个教程，看起来很简单。
然而，在我自己的应用程序中，我很困惑为什么我的组件没有在状态变化时重新呈现。以下是我在coffeescript中的全部应用程序(_ helpers )。
mapObject = _.compose _.object, _.map
racers = mapObject ['red', 'blue', 'green'], (name) ->
[name, (key: name, class: name, position: 0)]
浏览 4提问于2014-06-30得票数 3
回答已采纳
1回答
React对象更新在Safari浏览器(仅在Safari浏览器上)上得到奇怪的行为
const [state, setState] = React.useState({
show_welcome: true,
show_inline: false,
restriction: false,
request_dp: false,
prevent_rtl: false,
lang: "ta"
});
setState
const handleToggle = ({ target }) => {
setState(s => ({ ...s, [t
浏览 14提问于2020-01-07得票数 1
1回答
我正在编写一个React，它从一个API中获取JSON数据，并显示它的一些内容。
这是它获得的数据：
{"id":6,"name":"5 Storey I=0.7","Value":1344981250,"NSt":5,"jRatio":"[0.2,0.4,0.4]","jEDR":"[0.02,0.1,0.5,1]"}
这是应用程序：
class App extends React.Component{
constructor(props){
浏览 0提问于2018-07-18得票数 2
回答已采纳
2回答
无法使用RN中的对象数组更新状态
、、、、
在state对象中有一个空白数组。数组将包含一些具有键值对的对象。
这是我的代码：
import * as React from 'react';
import { Text, ScrollView, View, StyleSheet, TouchableOpacity, TextInput, ListView, Switch, Button } from 'react-native';
import { Constants } from 'expo';
export default class App extends React.Compo
浏览 2提问于2019-01-11得票数 0
回答已采纳
我有这样的默认状态
this.state = {
selectedTab : 'tab1'
}
然后
我的渲染方法如下
render(){
const { selectedTab } = this.state;
return(
<li>tab1</li><li>tab2</li>
<div id="content">
{selectedTab == 'tab1' ? this.renderTab1Content() : this.
浏览 6提问于2017-04-01得票数 1
回答已采纳
当我在if- error条件下使用state.clicked语句时，我得到了这个错误。下面是我的代码，
Hamburger.js
import React, { useEffect, useRef } from "react";
import { Link } from "react-router-dom";
const Hamburger = ({ state }) => {
let menu = useRef(null);
useEffect(() => {
if (state.clicked === false) {
浏览 2提问于2020-07-31得票数 0
回答已采纳
活动摘要：
我点击编辑按钮。
editForm()使用this.setState()和this.state在render()中显示表单。
上面的setState()将{this.state}作为我需要显示的值。
单击表单中的update按钮后，updateMessage()将激活该Meteor.call，其中包含一个回调选项。
这个回调函数有this.setState()，它连接到上面提到的{this.state}。
那么，如何使{this.state}在Meteor.call()回调和setState()之后显示？
-注意-将{this.state}放入render()将在回调后显示。
下面
浏览 3提问于2017-03-09得票数 0
1回答
我通过html在表中有一个ul。我可以通过调用以下命令使ul居中：
style="display:inline-table"
有没有一种方法可以在不使用样式/css的情况下将无序列表居中？
完整代码：
<ul width="50%" align="left" style="display:inline-table" font-weight="normal">
<li>1</li>
<li>2</li>
<li>3&l
浏览 1提问于2013-02-28得票数 1
回答已采纳
1回答
您好，我一直在尝试获取react中映射按钮的id，并将其传递给我所在状态的一个变量。
这是我的代码
render() {
let {firstpost, selectedGroup} = this.state;
let visibleModal = this.showModal;
var groupList = firstpost.map(function(item, i){
return (
<li key={i}>
<div >
<button id={myButton+[i
浏览 0提问于2018-08-14得票数 1
3回答
考虑编辑框。用户键入一些文本。有一个按键处理程序附加，它执行如下操作：
setState({echo: this.state.echo + event.char})
是否可能在初始状态{echo: “”}中，用户键入“a”然后“b”，然后响应调用onKeyPress(“a”)，后者调用setState({echo: “a”})，然后-在setState被React - React calls onKeyPress(“b”)实际应用之前。
你看到了一个问题，对吗？OnKeyPress(“b”)会看到和OnKeyPress(“a”)一样的旧状态{echo: “”}，并且会发布setState({e
浏览 7提问于2017-08-30得票数 0
回答已采纳
react文档说，使用setState(updaterFunc)比使用setState(object)更好，因为它将拥有最新的状态。我知道setState是异步的，这就是为什么我们使用setState(updaterFunc)来获得最新的状态。但是在下面的示例中，我就是想不通为什么要使用setState(updaterFunc)，因为我可以只使用setState(object)就能一气呵成。 但是我搞不懂为什么我要做多个setState调用，而不是一气呵成。 this.setState((state) => ({ counter: state.counter + 1}));
this.
浏览 6提问于2020-01-18得票数 2
1回答
我很难决定这两种渲染模式的区别。希望有人能对这件事有所了解。
模式1: React的条件呈现
class List extends React.Component {
state = {
menu: false,
}
handleMouseOver = () => {
this.setState({
menu: true
});
}
handleMouseLeave = () => {
this.setState({
menu: false
});
}
render() {
con
浏览 1提问于2017-03-29得票数 15
回答已采纳
我对反应有问题。当我按下"+“按钮时，就会出现这个控制台消息，什么都不会发生：
Cannot update during an existing state transition (such as within `render` or another component's constructor). Render methods should be a pure function of props and state; constructor side-effects are an anti-pattern, but can be moved to `componentWil
浏览 0提问于2017-05-31得票数 0
回答已采纳
我正在构建将数据发送到我的数据库(mongodb)的应用程序。在ComponentDidMount中，我从这个数据库获取数据，将它们保存在this.state中，并在前端显示它们。接下来，我想在前端的表单中添加另一个数据到这个数据库中。现在它运行良好，因为这个单一的数据被添加到数据库中，但我必须刷新页面才能看到新添加的数据。
所以，我想知道如何在前台动态显示新添加到数据库的项目。
我首先想到的是组件生命周期，或者可能是在提交表单后获取数据的函数，但这不起作用。
有什么想法吗？
下面是我的代码：
import React, { Component } from 'react';
浏览 0提问于2018-04-27得票数 5
回答已采纳
我正在制作一个React应用程序，允许您创建一个列表并保存它，但是React给了我一个警告:我的元素没有唯一的键支柱(元素列表/ListForm)。我应该如何为用户创建的元素创建一个唯一的密钥支柱？下面是我的反应代码
var TitleForm = React.createClass({
handleSubmit: function(e) {
e.preventDefault();
var listName = {'name':this.refs.listName.value};
this.props.handleCrea
浏览 20提问于2016-09-17得票数 159
回答已采纳
2回答
我目前正在学习反应，并试图编码一个可编程的网格，在那里的盒子改变颜色时，点击。
不幸的是，我的“刷新网格”按钮没有按预期工作。即使在单击时，在保持激活之前被单击的框(即它们的颜色是橙色的)。当我在调用setGrid()时重置网格状态时，我不知道哪里出错了。
帮助是非常感谢的。由于我对自己的反应是全新的，一些关于最佳实践等的建议也会有很大的帮助！
提前谢谢。
代码：
import ReactDOM from 'react-dom';
import './index.css';
class Box extends React.Component {
const
浏览 4提问于2021-07-03得票数 3
回答已采纳
我的react应用程序在Firebase实时数据库上运行，我想删除它。但是，每当我这样做时，我都会得到以下错误 TypeError: Cannot read property 'image' of null
Fish.render
src/components/Fish.js:22
19 | this.props.addToOrder(this.props.index);
20 | };
21 |
> 22 | render() {
23 | const { image, name, price, desc, status } = this.p
浏览 29提问于2019-01-06得票数 1
1回答
我有以下内容：
import React from 'react';
import './styles.css';
import ToolTip from '../../Common/components/ToolTip/ToolTip';
export default class RouteTitleTooltipComponent extends React.Component {
constructor(props) {
super(props);
this.titleParagraphRef =
浏览 3提问于2020-11-17得票数 0
回答已采纳
我正在尝试在我的表单中创建密码确认功能。但是，在测试时，我的console.logs输出值总是短一个值，我不知道为什么会出现这种情况。
class SignUp extends React.Component {
getInitialState() {
return {
initialPassword: "",
confirmPassword: "",
isMatchedPassword: true,
isEmailInUse: false,
浏览 2提问于2015-09-19得票数 2
我的目标是当我点击任何列表项目时，我想显示隐藏按钮作为确认。我尝试的是显示按钮-单击函数名selectItem，如下所示：
<Col xs={3}>
<ul>
<h2>Your orders </h2>
{selectedItems.map((item, i) => (
<li key={i}>
{item.name} {item.cost} {item.quan
浏览 1提问于2017-12-16得票数 0
回答已采纳
3回答
我不确定这是否是一个反应问题，但我在这个问题上挣扎了很多。我试着创建一个简单的例子来发布我的项目：
这个例子有四个按钮。
若要再现问题，请按前三个按钮中的每个按钮，以创建一个文本输入并输入一个值。例如，第一次输入100，第二次输入200，第三次输入300。现在按第四个按钮移除第一个输入。
它应该保持第二和第三的价值，分别为200和300，但它是100在第二和200在第三。
此代码与CodePen上的代码相同，它只是不允许在没有此链接的情况下发布链接。
class ButtonComponent extends React.Component {
constructor(props) {
浏览 5提问于2017-09-28得票数 1
回答已采纳
我对React非常陌生，我有两个组件需要根据用户的点击进行切换。我已经创建了一个“currentView”状态，并使用它来设置/更新用户应该查看的内容，但是当我试图让组件显示它时，会抛出标签错误。下面是我的代码：
class App extends Component {
constructor(props){
super(props);
this.state={
currentView: "Welcome",
};
}
goTrack() {
this.setState({currentView: "Trac
浏览 0提问于2018-09-23得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
