Я новичок в html / javascript, и я хочу знать, как лучше всего сделать такую ​​таблицу, это как компаратор, когда я выбираю модель в поле со списком, таблица заполняется данными, соответствующими модели. выбрал, я могу использовать только html / javascript / react

comparator table

Спасибо

1
Roberto Meneses 24 Янв 2021 в 22:17

2 ответа

Лучший ответ

Это грубый пример того, как это раскрывающееся меню может работать https: //codesandbox.io/s/stoic-tdd-bqiq1?file=/src/App.js.

В этом примере можно сделать много улучшений, но это функциональная основа.

Я могу дать дополнительные объяснения, если что-то неясно с примером.

1
Besnik Korça 24 Янв 2021 в 20:53

У вас может быть файл для описания вашей модели:

function makeCar(carType, price, fuel){
    if(carType.toLower() != 'audi' || carType != 'bmw')
        carType = 'Audi' //default
    return {
        carType, price, fuel
    };
}

И две составляющие:

  • Один для рендеринга автомобильной колонны, использующей предыдущую модель.
  • Один для визуализации всей таблицы.

Вот документация для написания html таблицы: https://www.w3schools.com/html /html_tables.asp

Вот документация для написания компонента реакции: https://reactjs.org/docs/react-component .html

0
Gabriel Beauchemin-Dauphinais 24 Янв 2021 в 19:31
65874848