无法在react-select下拉列表中传递标签

Question

我无法在onChange事件处理程序中传递标签值。只有价值形成。我想要访问该标签。做同样的帮助。

handleSelectChange函数只能访问值，而不能访问select下拉列表的标签或事件。

cy.get('input[type="number"]').type('1000').trigger('change')

Answer 1

这是因为标志import numpy as np indices = [(2, 0), (2, 1), (2, 2)] mat = np.array([[1, 2, 3], [4, 5, 6], [7, 8, 9]]) >> mat[zip(*indices)] array([7, 8, 9]) >> mat[zip(*indices)] = 0 >> mat array([[1, 2, 3], [4, 5, 6], [0, 0, 0]]) 将处理程序参数解析为值字符串。将此标记设置为simpleValue=true，您的false将可以访问所选对象的数组。比你必须手动生成你的价值。 （例如handleSelectChange）

价值处理示例：

value="one,two"

Answer 2

您可以在updateState中抓取以下示例中选择的元素。

示例

import React from "react";
import Select from 'react-select';

export default class CoolExample extends React.Component {
  constructor(props) {
     super(props);
     this.state = {value:"foo"};
   }

  updateState(element) {
        this.setState({value: element}); 
  }

  render(){
     var Select = require('react-select'); 
     var options = [
         { value: 'foo', label: 'Foo' },
         { value: 'bar', label: 'Bar' }
     ];

     return(

      <Select
        name="form-field-name"
        value={this.state.value}
        options={options}
        onChange={this.updateState.bind(this)}
      />
   );
  }
}