Как создать простой раскрывающийся список с датой - PullRequest
Новая
       53

Как создать простой раскрывающийся список с датой

0 голосов
/ 17 декабря 2018

Я новичок в React и хочу создать простой выпадающий список с такими параметрами, как: последние 30 дней, последние 60 дней, последние 6 месяцев.

На основе выбора я буду отображать определенный массив объектов,Может кто-нибудь подсказать мне, как я могу его спроектировать, я попытался посмотреть на даты реакции airbnb, но я не хочу, чтобы всплывал календарь.Также я думал о том, чтобы просто использовать момент, но не уверен, как его спроектировать.Если у кого-нибудь есть пример кода, пожалуйста, помогите мне.

1 Ответ

0 голосов
/ 17 декабря 2018

Я использую «responsestrap», чтобы создать выпадающую кнопку и поместить опцию в массив.Вы можете мой код здесь: 

import React from "react";
import ReactDOM from "react-dom";
import { Input } from "reactstrap";
import "./styles.css";

function App() {
  const options = [
    { option1: "1" },
    { option2: "2" },
    { option3: "3" },
    { option4: "4" }
  ];
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <Input type="select">
        {options.map(option => {
          return (
            <option value={Object.values(option)}>
              {" "}
              {Object.keys(option)}{" "}
            </option>
          );
        })}
      </Input>
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

Или проверить эту ссылку: https://codesandbox.io/s/xj53396w8o

...