我正在使用 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) 一个多语言的本机应用程序。每个语言包约为 50MB。将所有这些都包含在一个包中是没有意义的。那么,我该怎么办呢?
我认为正确的方法是在选择语言时下载相应的语言文件。接下来我该怎么办?我想使用 AsyncStorage 还是什么来存储它?
假设我刚刚react-native-gifted-chat从 npm安装,我意识到里面有另一个包,我如何访问该uuid包中的包?
这是在我的 node_module 文件夹中:
通常我们只是这样做import ... from 'react-native-gifted-chat',访问包但是如何uuid在react-native-gifted-chat 不安装 uuid包的情况下访问包?