Создание выпадающего меню - постоянная ошибка - непредвиденная ошибка, необходим синтаксис ';' - PullRequest
Новая
       31

Создание выпадающего меню - постоянная ошибка - непредвиденная ошибка, необходим синтаксис ';'

0 голосов
/ 06 марта 2019

Ниже приведен код, по сути, я пытаюсь сделать несколько выпадающих списков на основе пользовательского ввода, чтобы предложить идеальное пиво, подходящее для их ситуации. И я пытаюсь добавить выпадающие меню, но я получаю этот «неожиданный токен» в строке 11 константой. Буду признателен за помощь или даже за понимание того, как создавать выпадающие списки и связывать их с изображениями?

Я хотел бы создать 1 выпадающий столбик с лифтом около 10-15 сортов пива, который будет соответствовать изображению при выборе пива из списка 

import React from "react";
import Dropdown from 'react-dropdown';
import 'react-dropdown/style.css';

const defaultOption = options[0];
<Dropdown options={options} onChange={this._onSelect} value={defaultOption} placeholder="Select an option"/>

const Form = props => (
  <form onSubmit={props.getBeer}>
    <input type="text" name="beerName" />
    <button>Search</button>
  </form>
);


const options = [
  { value: 'one', label: 'One' },
  { value: 'two', label: 'Two', className: 'myOptionClassName' },
  {
   type: 'group', name: 'group1', items: [
     { value: 'three', label: 'Three', className: 'myOptionClassName' },
     { value: 'four', label: 'Four' }
   ]
  },
  {
   type: 'group', name: 'group2', items: [
     { value: 'five', label: 'Five' },
     { value: 'six', label: 'Six' }
   ]
  }
]



export default Form;

1 Ответ

0 голосов
/ 06 марта 2019 
<Dropdown; options={options}, onChange={this:_onSelect}, value={defaultOption}, placeholder="Select an option">Dropdown>

Как указал Яшвардхан Паураник, удалите;в <Dropdown; и закрыть конечный выпадающий тег?

...