Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否有任何方法可以通过浏览器中的jquery触发react select下拉列表?_Javascript_Jquery_Reactjs_React Select - Fatal编程技术网

Javascript 是否有任何方法可以通过浏览器中的jquery触发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'}, {值:'

但当我使用react select时,浏览器中并没有显示选择标记或选项标记
有没有办法通过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;