Reactjs 如何在react day picker DayPickerInput中添加图标

我无法将日历图标添加到

DayPickerInput

组件中

我试过了

import {FaCalendar} from "react-icons/fa";

<DayPickerInput
  component={props => <input icon={FaCalendar} {...props}/>}
/>

从“react icons/fa”导入{FaCalendar}；
}
/>

我得到以下信息

Warning: Invalid value for prop `icon` on <input> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details

警告：标签上的'icon'属性值无效。从元素中删除它，或者传递字符串或数值以将其保留在DOM中。详情

我也尝试过添加这些

import { Input } from 'semantic-ui-react'

 <DayPickerInput                    
   component={props => <Input icon='calendar' {...props} /> }
 />

import{Input}来自“语义ui反应”
}
/>

然后这就发生了

---

感谢您的帮助

您是否安装了“语义ui反应”库？你确定已经导入了daypicker css吗？我尝试了你的代码和完美显示的图标日历我已经安装了语义ui react to may project和react day picker css。如果没有图标，我可以毫无问题地与日历交互。这真的只是一个图标，把我甩了@EkoBayuhmm可能是css中的错误，这是我根据代码生成的检查元素HTMLDOM。它完美地显示了图标。并尝试更新您的react daypicker库版本，我是这样导入react daypicker的

从'react day picker/DayPickerInput'导入DayPickerInput'

@EkoBayu更正我也是这样导入的。当我试图导入daypicker css时，它抛出了一个错误。仔细研究一下，理想情况下，我只想将一个图标组件传递给组件，您是否安装了“语义ui react”库？你确定已经导入了daypicker css吗？我尝试了你的代码和完美显示的图标日历我已经安装了语义ui react to may project和react day picker css。如果没有图标，我可以毫无问题地与日历交互。这真的只是一个图标，把我甩了@EkoBayuhmm可能是css中的错误，这是我根据代码生成的检查元素HTMLDOM。它完美地显示了图标。并尝试更新您的react daypicker库版本，我是这样导入react daypicker的

从'react day picker/DayPickerInput'导入DayPickerInput'

@EkoBayu更正我也是这样导入的。当我试图导入daypicker css时，它抛出了一个错误。仔细观察，理想情况下，我只想将一个图标组件传递给组件道具