时间戳

首页 > 解决方案 > 为什么在 react js 制作日期选择器中没有导入 css？

javascript - 为什么在 react js 制作日期选择器中没有导入 css？

问题描述

我正在尝试实现此日期选择器 https://www.npmjs.com/package/react-16-bootstrap-date-picker 我能够实现此功能，但我的日期选择器看起来与示例中显示的不同。我认为我的css文件没有加载为什么？

这是我的代码 https://codesandbox.io/s/r1ox70mrq

class App extends Component {
  render() {
    return (
      <div>
        ddd
        <DatePicker id="example-datepicker" />
      </div>
    );
  }
}

标签： javascriptreactjs

解决方案

只需要在你的 react 项目中的 index.html 中添加引导样式，如下所示：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

检查演示。

您也可以查看此参考以获取更多详细信息。

推荐阅读