如何在react select上使用带有react钩子onChange来根据用户选择更改数据
在React中使用带有React钩子onChange来根据用户选择更改数据，你可以按照以下步骤操作：
- 首先，确保你已经安装了React和react-select库。如果没有安装，可以使用以下命令进行安装：
npm install react react-dom react-select- 在你的React组件文件中，导入所需的库和组件：
import React, { useState } from 'react';
import Select from 'react-select';- 在组件中定义一个状态变量来保存用户选择的数据：
const [selectedOption, setSelectedOption] = useState(null);- 创建一个选项列表，包含你希望用户选择的选项。每个选项都应该有一个
label和value属性，用于显示和唯一标识选项。
const options = [
{ label: '选项1', value: 'option1' },
{ label: '选项2', value: 'option2' },
{ label: '选项3', value: 'option3' },
];- 在组件的渲染方法中，使用
Select组件来展示选项列表，并将选项的值绑定到状态变量selectedOption上：
<Select
options={options}
value={selectedOption}
onChange={setSelectedOption}
/>- 最后，可以在组件中使用
selectedOption来根据用户的选择更改数据或执行其他操作。当用户选择一个选项时，onChange钩子会自动调用，并将选中的选项作为参数传递给setSelectedOption方法。
完整的示例代码如下：
import React, { useState } from 'react';
import Select from 'react-select';
const MyComponent = () => {
const [selectedOption, setSelectedOption] = useState(null);
const options = [
{ label: '选项1', value: 'option1' },
{ label: '选项2', value: 'option2' },
{ label: '选项3', value: 'option3' },
];
const handleChange = (selected) => {
setSelectedOption(selected);
// 在这里可以根据用户的选择来更改数据或执行其他操作
};
return (
<Select
options={options}
value={selectedOption}
onChange={handleChange}
/>
);
};
export default MyComponent;这样，当用户选择一个选项时，你就可以根据用户的选择来更改数据或执行其他操作了。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：一种无需管理服务器即可运行代码的计算服务，适用于构建和运行无服务器应用程序。了解更多信息，请访问：腾讯云云函数
- 云数据库 MySQL 版：一种可扩展的关系型数据库服务，适用于各种应用程序和在线事务处理。了解更多信息，请访问：腾讯云云数据库 MySQL 版
- 腾讯云存储：提供高可靠、低成本的云端存储解决方案，适用于数据备份、数据归档、多媒体共享和分发等场景。了解更多信息，请访问：腾讯云存储
- 腾讯云人工智能服务：提供丰富的人工智能能力，包括图像识别、语音识别、自然语言处理等，帮助开发者构建智能化应用。了解更多信息，请访问：腾讯云人工智能
- 腾讯云物联网平台：为物联网设备提供连接、管理和数据处理的综合解决方案，支持设备接入、设备管理、数据处理和应用开发等功能。了解更多信息，请访问：腾讯云物联网
- 腾讯云区块链服务：提供易于使用、高度安全和可信任的区块链服务，用于构建和管理区块链应用程序。了解更多信息，请访问：腾讯云区块链服务
- 腾讯云直播：提供高可靠、高扩展性的视频直播服务，适用于各种实时直播和互动直播场景。了解更多信息，请访问：腾讯云直播
相关·内容
1回答
我有一个div，显示:flex，但我想要移动大小(实际上是特殊媒体查询)，将显示更改为阻止。
<Col sm={8}>
<div className="d-flex">
<Col md={4} xs={12} className="has-float-label p-0">
<Label>years</Label>
<Select
components={{ Input: CustomSelectInput }}
className=&#
浏览 6提问于2022-07-02得票数 1
我正在尝试创建表单验证，使用react，并且我得到的错误无法正确地读取包含。使用React的类组件很好，但是在函数组件中，它会抛出一个错误。
我正在尝试进行验证-检查最终用户在表单中包含的数据。这是我的代码：
import React,{useState} from 'react';
export default function Main(){
const [name, setname]= useState()
const [email, setemail]= useState()
const [password, setpassword]= use
浏览 1提问于2021-10-29得票数 1
2回答
我知道如何使用react组件中的函数来获取我的后端，但我需要一个下拉菜单，所以我在react-select页面中找到了一个示例，但该示例是在类中创建的。 我在互联网上找到的干净的例子是，对于导入react-select，有必要运行npm install react-select命令 import React, { Component, Fragment, useEffect } from "react";
import Select from "react-select";
const options = [
{ value: "red"
浏览 15提问于2021-05-09得票数 0
回答已采纳
问题：
对不起，现在的情况不只是一见钟情。
我会试着用坚果壳来总结这个问题，这样你就明白了。
在我的UI中，我有一个结果显示，内容取决于两个选择框。
因此，这个应用程序中有两个场景
1.顶部的选择框(方框1)和框2将决定显示的内容。
// when option is changed, set outcome
useEffect(() => {
if (option) {
setOutcome(() => {
if (selected === "algorithm" && option === "pape
浏览 5提问于2022-10-11得票数 0
回答已采纳
我正在用react js制作一个旅行表格。用户的输入之一是复选框，它需要用户根据他们的饮食限制(即素食，犹太洁食，无乳糖)勾选复选框。如何使此属性在其各自的框被选中时显示在屏幕上。我很难做到这一点，因为react不会在state中显示布尔值的属性。 class App extends React.Component{
constructor(){
super()
this.state ={
firstName: "",
lastName: "",
age: "",
gender
浏览 37提问于2020-09-29得票数 1
回答已采纳
2回答
我正在实现一个简单的登录页面，我希望在选择标识后将用户转发到另一个页面/路径。
import {useState} from "react";
import { Navigate } from 'react-router-dom';
import Container from 'react-bootstrap/Container';
import Select from 'react-select';
import './Login.css';
export default function Login(){
浏览 6提问于2021-12-14得票数 2
回答已采纳
1回答
我正在尝试创建一个带有react select的select元素，并为此使用了create组件。
使用我当前的实现，它不会提示用户输入"create“选项，就像在上显示的那样，它将显示默认的"No options”。
我也在使用redux-form库，但我认为问题不在于此。
到目前为止，我的代码如下：
import Select from "react-select/creatable";
import React from "react";
const customFilter = (option, searchText) => {
浏览 2提问于2020-07-05得票数 6
回答已采纳
2回答
在一个antd React项目中，我有一个带有特定值的下拉列表。我的意图是在选择特定选项时切换文本框。考虑下面的代码示例
import { Input } from 'antd';
const { Option } = Select;
const { TextArea } = Input;
// const [inputBox, setInputBox] = useState(false)
function onChange(value) {
{/* if(value == "Lucy") {
setInputBox(true)
} */}
}
浏览 2提问于2021-09-13得票数 1
我正试图根据本文档- 为我的React应用程序定制React。
我有3个输入字段来选择日期-年、月和日.现在我需要链接这些字段，以确保如果用户选择2月月份，则Day字段应该显示28天，如果用户在年份字段中选择一个闰年，则Day字段应该显示29天。
输入字段的代码如下：
const year = 2022;
const month = 2;
const date = 24;
const [myMonth, setMyMonth] = useState(new Date());
const [myYear, setMyYear] = useState(new Date());
const
浏览 10提问于2022-03-28得票数 0
回答已采纳
1回答
我有一组选择菜单，当我使用重置按钮重置它们时，我需要找出它们的值。
问题是，这只适用于选项的change事件，而且我不能让它在第一次单击的重置按钮上工作，因为它没有检测到更改。
这里的代码示例：
import React from 'react';
import { useState } from 'react';
import uuid from 'react-uuid';
export default function Select() {
const [value, setValue] = useState({
select1
浏览 7提问于2022-01-12得票数 0
回答已采纳
我已经尝试了不同的选择，使这个简单的选择工作，但在这一点上，我真的不确定它是否可能。这个案例的使用反应钩子文档没有给我任何答案。
我想基本上“注册”它在“价值”中是什么：
import { useState, useMemo } from "react";
import countryList from "react-select-country-list";
import Select from "react-select";
export const Country = ({ register }) => {
const [val
浏览 3提问于2021-07-12得票数 0
我尝试在受控表单组件中使用DTO钩子，以便在用户更改表单内容时通知父组件，并返回表单内容的useEffect。这是我目前的尝试
const useFormInput = initialValue => {
const [value, setValue] = useState(initialValue)
const onChange = ({target}) => {
console.log("onChange")
setValue(target.value)
}
return { value, setValue, binding:
浏览 4提问于2019-09-10得票数 5
1回答
如何使用实际模块而不是模拟
、、、、
我有下面的Jest配置
jest: {
configure: {
testEnvironment: 'jsdom',
preset: 'ts-jest',
transform: {...},
moduleNameMapper: {
antd: '<rootDir>/__mocks__/antd/index.tsx'
},
testMatch: ['<rootDir>/src/**/*.test.(ts|tsx)$&#
浏览 2提问于2022-08-08得票数 3
我尝试从“状态”对象设置选项，该对象具有包含课程array.This值在设置状态时丢失的初始数据。我在代码中添加了注释行。
提前感谢您的帮助。
用于输入Input.jsx
import React from 'react';
const Input = (props) => (
<div className="form-group">
<label htmlFor={props.name} className="form-label&
浏览 1提问于2020-07-09得票数 1
1回答
我有一个<Input />组件，并且我需要测试onChange处理程序方法，但是simulate方法不起作用，当我测试change属性时，它的状态是不变的。 下面是我如何使用<Input />组件： ...
let formFields = formElementsArray.map(formElement => (
<Input
key={formElement.id}
elementType={formElement.config.elementType}
elem
浏览 19提问于2019-05-21得票数 0
回答已采纳
9回答
我的react代码中有一个问题。
我使用Material-ui和redux-form。我有select input like，在更改这个select之后，我应该在中重置值。我使用react-form中的'change‘操作，并为文本字段设置值。但是标签仍然存在。我可以清除或重置中的值吗？
<Autocomplete
options={list}
getOptionLabel={option => option.name}
onInputChange={onChange}
onChange={onChangeAutoComplete}
浏览 1提问于2020-01-18得票数 34
我在@material-ui/core上使用了@material-ui/core组件，但我遇到了以下问题：
无法读取属性'offsetWidth‘的null
你能帮帮我吗？
链接：
代码：
import React from "react";
import {
Button,
DialogTitle,
Dialog,
DialogContent,
DialogActions,
TextField,
FormControl,
InputLabel,
MenuItem,
Select
} from "@material
浏览 3提问于2020-02-23得票数 0
我正在Reactjs的一个项目中工作，用户需要输入他们的州和省。我打算进行自动选择，即当用户从JSon数组列表中选择一个州时，该省将自动填充该州的所有省份。当您单击“省份”时，您将看到所有省份都链接到您刚刚选择的州。 但我真的不知道如何实现这一点，因此我来这里寻求帮助。尤其是所有来自google和here的搜索结果都没有给我带来任何进展。 我的.json示例： [
{
"id": "1",
"state": "StateOne",
"province": ["A", &
浏览 13提问于2020-09-06得票数 0
我正在建立一个电子商务网站与反应js和asp.net核心网络api。在添加产品时，产品的可投标价值应由添加产品的人提供，默认情况下，此值应为假的。它在isOfferable数据库中的等效值保持为bool值。因此，我希望用户选择一个值为false或true，当我说“添加产品”时，应该将其添加到数据库中的产品中，但我无法找到如何将bool值保存在react.js中。
My AddProduct.js
import React, { useEffect, useState } from 'react';
import axios from 'axios';
impor
浏览 1提问于2022-08-16得票数 1
我在一个React组件中得到了下面的用例。
使用的是搜索用户输入。它的值总是ID，所以我只有用户ID作为支柱。因此，在第一次加载以显示用户名值时，我需要在第一次挂载时获取它。
编辑:以后更改时，我不想再次获取值，因为我已经从建议请求中获得了值。
type InputUserProps = {
userID?: string;
onChange: (userID: string) => void;
};
// Input User is a controlled input
const InputUser: React.FC<InputUserProps> = (pr
浏览 1提问于2020-08-02得票数 6
回答已采纳
我是个新手，唯一能让它工作的方法就是这样。但与我拥有的其他组件相比，它似乎大得离谱。
这里基本上有4个Selects，每个Selects取决于前一个，显示从我获取的单个JSON中获取的信息。
例如:我需要知道选择了哪个game，然后显示可用于此游戏的list of model types，然后显示一个list of available models of this type，等等。
我试过useContext和props，但没有成功
import React, { useState, useEffect } from 'react';
// JUST LAYOUT RELATE
浏览 0提问于2021-05-28得票数 0
我使用Material作为一个可重用的组件，我希望通过将道具从父组件传递到子组件来使用react钩子表单来验证它。到目前为止，我已经尝试使用RHF，并将一些道具传递给孩子，但是当我选择选项时，错误不会消失。这是我的密码
import React from 'react';
import styled from '@emotion/styled';
import { Select, MenuItem } from '@material-ui/core';
import { ASSelect } from '../../ASSelect&
浏览 4提问于2020-04-23得票数 0
回答已采纳
1回答
我有一个包含3个选项的配置组件。
第一个下拉菜单包括3个选项。每当用户选择选项Emulator时，我都需要将其他两个下拉列表的值设置为none并禁用它们。
我正试图用钩子来完成任务，但我不知道该如何去做。
import React from "react";
import ReactDOM from "react-dom";
import styled from "styled-components";
import "antd/dist/antd.css";
import { Row, Col, Modal } fro
浏览 0提问于2019-08-02得票数 1
回答已采纳
我有三个反应文件
useUser.js
import React, { useState } from "react";
const useUser = () => {
const [username, setUsername] = useState();
const [showProfile, setShowProfile] = useState();
return { username, setUsername, showProfile, setShowProfile };
};
export default useUser;
第二个文件是Login
浏览 5提问于2022-06-07得票数 -1
文档显示我们应该使用React DOM来测试component.But在很多情况下，我们的逻辑组件呈现另一个ui component.And可能逻辑组件中的函数会作为一个属性传递给ui组件，就像这样
function Foo(){
const [count, setCount] = useState(0);
useEffect(() => {
document.title = `You clicked ${count} times`;
});
function onChange(value) {
setCount(value);
}
return
浏览 1提问于2019-07-01得票数 0
我想要创建一个自定义钩子来在localStorage中存储一些值，并且可以从我的React中的任何组件访问这个值。另外，我想让React自动重新呈现组件，它使用来自localStorage的值，并显示一个新的值。
因此，我创建了一个自定义钩子：
export function useLocalStorageState(key, defaultState) {
const [state, setState] = useState(() => {
const storedState = localStorage.getItem(key);
if (storedStat
浏览 14提问于2022-04-26得票数 0
1回答
从映射DOM节点
、、、
事先为我的问题措辞不当表示歉意，因为它本来是可以的。
我遵循了一个MERN教程，它都是使用基于类的React组件完成的。我试图把它转换成带有钩子的功能组件。
我很难从初始GET请求中保存用户/用户名，然后将它们映射到html选择表单，以便新表单提交可以归因于现有用户之一。
下面是教程代码的样子，它的功能与预期的一样：
import React, { Component } from 'react';
import axios from 'axios';
import DatePicker from 'react-datepicker';
impo
浏览 2提问于2020-08-21得票数 1
回答已采纳
3回答
我想在类组件中使用React和DropZone。我该怎么办？
误差
src/components/projects/CreateProject.js第19:14行: React "useCallback“不能在顶层调用。必须在function函数组件中调用function，或者在自定义React函数中调用React函数--钩子/钩子规则--第21:11行：'setUploadfile‘未定义-undef第52:102行:无法在类组件中调用function "useDropzone“。必须在function函数组件中调用function，或者在自定义React函数中调用
浏览 4提问于2021-03-03得票数 1
回答已采纳
1回答
我想在一个类中改变我的函数。我的函数如下： import React from "react";
const selectchoice = ({list}) => (
<select onChange={} className="custom-select">{list.map(option => (
<option key={option.value} value={option.value}>{option.name}</option>))}
</select>
浏览 15提问于2020-11-01得票数 0
我在react-select中显示了一个选项列表。由于此组件位于屏幕的下缘，因此项目往往会从屏幕上被切断。
我注意到官方react-select中提供的选择列表有一个滚动条。我试着查看了文档和GitHub页面，但仍然找不到解决方案。
下图显示了我的react-select选项列表是如何显示的。
我的问题是，如何使显示的列表可滚动。
以下是我使用的代码。
import Select from 'react-select';
const SearchSelect = (props) => {
const { options, defaultValue, onC
浏览 5提问于2019-02-11得票数 4
回答已采纳
我正在使用选择器npm模块来选择日期，我需要只显示没有时间的日期。
import DatePicker from 'react-datetime-picker';
onChange(date){
this.setState({
profileSetting:{dob:date}
});
}
<DatePicker className="form-control"
disableClock={true}
locale="en-US"
onChange={this.onChange}
val
浏览 0提问于2018-10-20得票数 0
1回答
我有一个react项目，它在文件中定义了一个Signup元素。代码是
import React, { Component } from 'react';
import Button from 'react-bootstrap/Button';
import Form from 'react-bootstrap/Form';
import { useNavigate } from 'react-router-dom';
import postData from './APIREQ';
class Signup ex
浏览 7提问于2022-04-19得票数 0
2回答
我正在尝试在我的react js项目中实现一个进度条，但是它不能正常工作。我已经实现了进度条的子组件的代码-
export const Child = (props: ChildProps): React.ReactElement => {
const { text, showProgress, typeId } = props;
const [progress, setProgress] = React.useState<number>(0);
React.useEffect(() => {
const timer =
浏览 3提问于2021-05-19得票数 0
我正在构建一个，它有很少的下拉列表。这里的问题是，当用户在dropdown中进行选择时，如果他们刷新dropdown选择值，则将重置回默认值。相反，我希望保持该值不变，这样当用户刷新时，它将从上次选择的下拉值中获取值。 为此，我尝试使用localstorage，它确实保存了值。但在useEffect内部，我尝试获取值并将其传递给api调用，它给出了几次空字符串。因为服务器给了我错误。 以下是我的代码 const DispensingIncidents = (props) => {
const classes = useStyles();
const {
getFilte
浏览 103提问于2020-11-25得票数 0
我有两个组件，一个包含状态和子组件的父组件，它有一个select下拉列表，应该修改父组件中的状态。当我试图在React工具/组件中检查这个组件时，我会收到一个警告：“未登录错误:无效的钩子调用。钩子只能在函数组件的主体内调用。这可能发生在以下原因之一：”然而，给出的任何理由似乎都不适用于我的代码。
这是我的代码：
家长：
import React, { useState } from 'react'
import Child from './child'
const Parent = () => {
const [gender, setGender]
浏览 1提问于2020-04-15得票数 1
回答已采纳
1回答
我正在尝试实现这个，但是我遇到了以下错误。Error: rendered more hooks than during the previous render
这是我的密码。我遗漏了什么？我是否正确地实现了这个解决方案？
export default function Foo(){
const [showCalendar, setShowCalendar] = useState(false);
function fooA(newDate){
onChange(newDate)// function that updates date, works on ios. I do
浏览 17提问于2022-09-20得票数 1
当组件加载时，默认状态显示在姓名和年龄输入中，这很好，但我希望能够在表单字段中键入姓名和年龄，目前我不能，如果我可以，我希望姓名和年龄输入的值可以更新到状态。同样，当我按下按钮时。最后，我觉得a应该为状态设置一个类型定义。
我无法理解如何从表单输入中获取值并将其保存到状态。我不想使用占位符，因为值在用户开始键入时被删除。我不确定如何为状态设置类型定义。
import React, {useState} from 'react';
const State: React.FC = () => {
type StateTypes = {
name: string
浏览 0提问于2019-07-20得票数 1
3回答
我有一张印有产品细节的产品卡。在底部，有一个“编辑”button。当clicked显示带有预填充input字段的模式时，可以编辑并保存该模型。模态也可以关闭，而无需保存(但需要编辑输入字段)。
我的问题是，当用户编辑字段，然后关闭模式(没有保存)，然后再次打开它，字段没有设置为初始值，而是显示更改。
我尝试了一个带有初始状态的变量，然后在用它填充状态之后，但是它没有工作。也试图对裁判作出反应，没有joy。
import React, { Component } from 'react'
import Modal from 'react-modal';
con
浏览 3提问于2019-10-02得票数 9
回答已采纳
我有下面的父组件。在这里，我希望在加载子组件内部设置setLoading函数。
const ReportRechargeDetail = React.memo(() => {
const [selectedDates, setSelectedDates] = useState([]);
const [loading, setLoading] = useState(false);
const [isOpen, setIsOpen] = useState(false);
return (
<>
<Row className="heade
浏览 3提问于2021-04-03得票数 0
回答已采纳
我很新的反应，这是我的第一个应用。
到目前为止，我已经有了一个带有两个屏幕的堆栈导航器: MainMenu和Profile。当用户在MainMenu中时，右上角会显示一个按钮，当按下该按钮时，我需要将用户重定向到配置文件屏幕。我需要类似this.props.navigation.navigate('Profile')的东西，但这不起作用，因为没有定义this、props和navigation。
我的想法是我不能从这个堆栈导航栏重定向到概要文件，因为概要文件还没有定义，但是我不知道其他方法。
// mainStack.js
import React from '
浏览 1提问于2021-02-15得票数 0
回答已采纳
我仍然是一个React初学者，但我正在尝试为一个项目管理web应用程序构建一个表单。 我使用material-ui。我的代码基于material-ui文档中的一个选择框组件示例。 我最近刚刚弄清楚了React-Hooks是如何工作的，这个例子就是利用了这个特性。 我正在尝试通过props更改form.js，以基于App.js的状态更新多选框，而不是依赖于功能组件挂钩。 当我将钩子放在personName的位置上时，它似乎可以工作，但是当我尝试将其更改为类似props.accountSelected的东西时，我开始看到错误，并且多个选择的芯片不再显示。 App.js： import React
浏览 12提问于2019-06-20得票数 0
当在function select组件上更改值时，我正在调用'reload‘函数。控件将进入该函数，但它不会从该函数返回组件。我尝试从render调用组件，然后调用组件。
import React, { Component } from 'react';
import Select from 'react-select';
import removeDuplicates from '../../helpers.js';
import Dashboard from '../../containers/Dashboard';
浏览 0提问于2019-05-11得票数 0
回答已采纳
我有一个columnDefinition：
headerName: "Date of birth",
field: "geburtsdatum",
editable:true,
cellEditorFramework: ChildGeburtstagEditor,
onCellValueChanged: (params: any) => {
console.log("New param" + params.newValue); //This value is every time null
},
resizable: true,
C
浏览 5提问于2019-09-23得票数 5
回答已采纳
1回答
我在formik中有react中的一个表单。它有两个字段，一个下拉列表和一个输入字段。下拉列表是从API中填充的。我的要求是，当用户在下拉列表中选择与该值address字段相对应的任何值时，将填充该值。
我正在基于API调用填充列表。
useEffect(()=>{
fetchStatus();
},[]);
const fetchStatus = async ()=>{
const {data}= await httpClient.get( config.resourceServerUrl+"/sponsors");
if(
浏览 3提问于2022-03-10得票数 1
在我的组件write-review.js中，我需要从当前登录用户中提取uid。
我在FirebaseContext.js中有一个函数，它创建一个auth侦听器并将auth状态设置为state，然后将该状态转换为上下文，以便在我的整个应用程序中使用它：
FirebaseContext.js
import { useState } from 'react'
import { auth } from "./firebaseConfig";
import { onAuthStateChanged } from 'firebase/auth';
impor
浏览 6提问于2022-02-16得票数 1
回答已采纳
1回答
我已经启动并运行了我的node js服务器，并且我像这样处理查询请求： controller.js const getUsers = async (req, res, next) => {
const age = req.query.age || 1;
const lessage = req.query.minAge || 1000000000;
const search = req.query.s || '';
let users;
try {
users = await User.find({ age: { $
浏览 15提问于2020-08-19得票数 0
回答已采纳
2回答
我有一个基本的ReactJS应用程序，它包含一个自定义Select，在2秒后填充。
./src/controls/Select/Select.js
import React, { Component } from 'react';
import './Select.scss';
class Select extends Component {
constructor(props) {
super(props);
let { name, value, data, className, onChange, onFocus, onBlur, .
浏览 0提问于2019-04-25得票数 0
1回答
<Controller
name={'productType'}
control={props.control}
render={({ field: { value, onChange, onBlur } }) => {
return (
<SelectInput
options={productTypeOption}
浏览 3提问于2022-05-27得票数 0
，正如它在标题中所说的，我似乎不能使用钩子
我知道你们中的一些人会试图告诉我这是一个副本，但在我所见过的所有问题中，似乎没有人会问，使用导入的功能组件(我试图呈现的组件)的正确方式是什么。
import React from 'react';
import { hot } from 'react-hot-loader';
import Playground from '../playground/index';
class App extends React.Component {
render() {
Playground
浏览 2提问于2019-03-09得票数 0
回答已采纳
3回答
我看了一些关于React的教程，在本教程中，作者创建了一个用于呈现可重用下拉列表的useDropdown钩子。代码是这样的
import React, { useState } from "react";
const useDropdown = (label, defaultState, options) => {
const [state, updateState] = useState(defaultState);
const id = `use-dropdown-${label.replace(" ", "").toLowe
浏览 5提问于2020-06-04得票数 24
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
