Пользовательский реагировать выбора даты с машинописью - PullRequest
Новая
       32

Пользовательский реагировать выбора даты с машинописью

0 голосов
/ 30 апреля 2020

Я пытаюсь создать пользовательский указатель даты, следуя инструкциям в документации, и после долгого времени я смог сделать это, но я все еще получаю сообщение об ошибке «Компоненты функций не могут быть предоставлены ссылки. Попытки получить доступ к этому ref потерпит неудачу. Вы хотели использовать React.forwardRef ()? " Я использую машинопись в моем проекте. 

import DatePicker from "react-datepicker";
import React, { useContext, useState } from "react";
import "react-datepicker/dist/react-datepicker.css"; 
 
const Feed: React.FC = () => { 
 const [startDate, setStartDate] = useState();
  const ExampleCustomInput = ({
    value,
    onClick,
  }: {
    value?: any;
    onClick?: any;
  }) => (
    <DateFilter className="example-custom-input" onClick={onClick}>
      {value || "Escolha uma data"}
      <CalendarIcon />
    </DateFilter>
  );
  
    return (
    <Container>
      <LeftContent>
        <NewPost onClick={openModal}>+ Novo post</NewPost>
        <DatePicker
          dateFormat="dd/MM/yyyy"
          selected={startDate}
          onChange={(date: any) => setStartDate(date)}
          customInput={<ExampleCustomInput />}
        />
      </LeftContent>
    </Container>
  );
 };
 
 export default Feed;
...