сбросить значение React Select - PullRequest
Новая
       4

сбросить значение React Select

0 голосов
/ 03 августа 2020

Мне нужно сбросить значение выбора реакции, когда я нажимаю кнопку, мне нужно сбросить значение по умолчанию для выбора реакции, данные предоставляются из api, как я могу это сделать ??

возможно, мне нужно защитить значение, потому что я не могу потерять выбранное значение, если пользователь refre sh страницу

код ниже: 

class SelectTabs extends Component {
  constructor(props) {
    super(props);

    this.state = {
      options: [],
    };

    this.getDataTab = this.getDataTab.bind(this);
    this.makeOptions = this.makeOptions.bind(this);
  }

  componentDidMount() {
    this.getDataTab();
  }

  getDataTab() {
    const URL = `${Utils.ngrok_service}/tab/tabGet`;
    const skills = this.props.manager.workerClient.attributes.routing.skills;

    axios.post(URL).then((response) => {
        this.setState({
          options: [...response.data.SAC, ...response.data.AC],
    });
  }

  makeOptions(object) {
    const options = object.map((data, index) => {
      return {
        value: index + 1 + '. ' + data,
        label: index + 1 + '. ' + data,
      };
    });

    return options;
  }

  render() {
    const selectProps = {
      isRtl: false,
      isMulti: false,
      isClearable: false,
      isSearchable: false,
      placeholder: 'Selecione',
      noOptionsMessage: () => 'Não Encontrado.',
    };

    return (
      <React.Fragment>
        <SC.Container>
          <SC.Title>Tabulação</SC.Title>
          <Select
            {...selectProps}
            options={this.makeOptions(this.state.options)}
          />
...