如何解决react-datepicker CSS未应用
我正在使用基于Symfony的react应用程序,并且正在尝试使用react-datepicker模块包含datepicker。
我可以创建datepicker对象,但是它的样式似乎不正确-当我单击以选择日期时,页面顶部只有一个垂直数字列表(我看到了很多)的人们在网上体验到这种情况,通常是因为他们没有导入datepicker CSS)。
我正在导入react-datepicker.css文件,如果我在浏览器中检查我的datepicker对象,它会显示:class =“ react-datepicker-wrapper”,因此我认为导入正在正常进行。
我想知道我是否还需要对应用程序中的另一个文件,webpack文件或与Symfony相关的其他文件做其他事情,但是我对这些事情确实是新手,有点卡住了
非常感谢您的帮助!下面的代码!
import DatePicker from "react-datepicker";
import "../../../node_modules/react-datepicker/dist/react-datepicker.css";
class MyWidget extends Component {
constructor(props) {
super(props);
this.state = {
startDate: new Date()
}
}
handleCalendarClose() {
console.log("Calendar closed")
}
handleCalendarOpen() {
console.log("Calendar opened")
}
setStartDate(startDate) {
this.setState({
startDate: startDate
});
};
render() {
const { startDate } = this.state;
return (
<div>
From: <DatePicker
selected={startDate}
onChange={startDate => this.setStartDate(startDate)}
onCalendarClose={this.handleCalendarClose}
onCalendarOpen={this.handleCalendarOpen}
/>
</div>
);
}
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。