Javascript 是否有任何方法可以通过浏览器中的jquery触发react select下拉列表?
但当我使用react select时,浏览器中并没有显示选择标记或选项标记Javascript 是否有任何方法可以通过浏览器中的jquery触发react select下拉列表?,javascript,jquery,reactjs,react-select,Javascript,Jquery,Reactjs,React Select,但当我使用react select时,浏览器中并没有显示选择标记或选项标记 有没有办法通过jquery更改react select下拉列表值?您实际上不需要使用jquery,而是维护字段的状态,然后使用该值设置状态。根据react文件,选择: $('#select-dropdown').val(1) import React,{Component,useState}来自“React” 从“反应选择”导入选择 常量选项=[ {值:'chocolate',标签:'chocolate'}, {值:'
有没有办法通过jquery更改react select下拉列表值?您实际上不需要使用jquery,而是维护字段的状态,然后使用该值设置状态。根据react文件,选择:
$('#select-dropdown').val(1)
import React,{Component,useState}来自“React”
从“反应选择”导入选择
常量选项=[
{值:'chocolate',标签:'chocolate'},
{值:'草莓',标签:'草莓'},
{值:“香草”,标签:“香草”}
]
常量MyComponent=()=>{
const[value,setValue]=useState(“”)
返回(
setValue(e.target.value)}/>
)
}
导出默认MyComponent;
实际上,我正在尝试从浏览器更改项目外部的react select下拉列表。
$('#select-dropdown').val(1)
import React, { Component, useState } from 'react'
import Select from 'react-select'
const options = [
{ value: 'chocolate', label: 'Chocolate' },
{ value: 'strawberry', label: 'Strawberry' },
{ value: 'vanilla', label: 'Vanilla' }
]
const MyComponent = () => {
const [value, setValue] = useState('')
return (
<Select options={options} value={value} onChange={(e) =>
setValue(e.target.value)} />
)
}
export default MyComponent;