小编Fir*_*hne的帖子

react-datepicker 样式未应用于已部署的构建

我正在使用 react-datepicker npm 模块,当我部署构建时,它的样式被破坏了(未应用样式),它在本地环境中运行良好。

我已经像这样导入了它的样式: import 'react-datepicker/dist/react-datepicker.css';

我找到了像这样导入的地方: import './../../node_modules/react-datepicker/dist/react-datepicker.css';

它也不起作用。

我认为这可能是 SSR 的原因,所以我删除了该组件的 SSR,但也没有使用 CSR。

当前结果

在此处输入图片说明

想要的结果

在此处输入图片说明

这是我的组件代码:

 import React from 'react';
 import DatePicker from 'react-datepicker';

 import calendarIcon from './../../assets/images/calendar-icon.svg';

 import 'react-datepicker/dist/react-datepicker.css';
 // import 'react-datepicker/dist/react-datepicker-cssmodules.min.css';
 import './Datepicker.scss';

 const Datepicker = ({ datepickerClassName, datepickerStyle, 
 selectedDate, datepickerInputClassName, handleChange }) => (
       <div className={`datepicker d-flex align-center 
           ${!!datepickerClassName ? datepickerClassName : ''}`}
           style= {datepickerStyle}
       >
       <span className='d-flex align-center icon-container'>
           <img src={calendarIcon} className='icon' />
       </span>

       <DatePicker
            placeholderText='DD/MM/YYYY'
            dateFormat='dd/MM/yyyy'
            id='start-date'
            autoComplete='off'
            selected={selectedDate}
            className={datepickerInputClassName}
            onChange={handleChange}
        /> …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs next.js react-datepicker

12
推荐指数
4
解决办法
5728
查看次数

React-native:下载并解压大型语言文件

一个多语言的本机应用程序。每个语言包约为 50MB。将所有这些都包含在一个包中是没有意义的。那么,我该怎么办呢?

我认为正确的方法是在选择语言时下载相应的语言文件。接下来我该怎么办?我想使用 AsyncStorage 还是什么来存储它?

react-native

5
推荐指数
2
解决办法
569
查看次数

是否可以从另一个包导入节点包?

假设我刚刚react-native-gifted-chat从 npm安装,我意识到里面有另一个包,我如何访问该uuid包中的包?

这是在我的 node_module 文件夹中:

这是在我的 node_modules 文件夹中

通常我们只是这样做import ... from 'react-native-gifted-chat',访问包但是如何uuidreact-native-gifted-chat 不安装 uuid包的情况下访问包?

javascript node.js npm node-modules

2
推荐指数
1
解决办法
62
查看次数