我怎样才能使用 javascript 库，如 Moment.js 在本地反应

在本地反应中使用本地 javascript 库的推荐方法是什么? 有什么特定的限制吗？

62770 次浏览
小开

很简单! 从项目的根目录运行:

npm install moment --save

然后您可以将其导入到您的代码中:

import moment from 'moment';
var now = moment().format();

这些限制将是任何试图“接触”浏览器的内容(在此上下文中不存在)。这就是为什么像 XHR 这样的东西有填充物。

正式文件有关于如何使用矩库的例子

小开

看起来像是现在的 Npm 模块与打包器不兼容。还没有真正深入探究原因，但我一直在采取的做法是有一个供应商文件夹和复制的网络版本，但在顶部特别放置

/** *@ProvidesModule moment */

在底部改为:

module.exports = moment;

不确定这是否是正确的方式，但包装仍然是相当新的大家。

小开

一些瞬间方法在 React Natural 中起作用，而另一些则不起作用。我怀疑这与聆听者有关。

我可以使用 moment 来进行格式化:

moment(new Date()).format("YYYY-MM-DD hh:mm:ss")

但不适用于活动格式:

moment(new Date()).format("YYYY-MM-DD hh:mm:ss").fromNow()
小开

要使用 npm 库，只需使用这个命令和相应的库名

npm install moment --save

Npm install { your library name here }—— save

然后导入类并使用

import moment from 'moment';
小开

如果您特别希望在 response 或 response 本机中使用 Moment.js，那么可以在 https://github.com/headzoo/react-moment中查看一下 react-moment，它是 moment 库的 response 组件。

要在本地反应中使用 response-moment，请运行:

npm install --save moment react-moment

然后在文件中你要使用矩:

import Moment from 'react-moment';

最后，根据需要使用它，例如:

<Moment element={Text} fromNow>
{ post.datePublished }
</Moment>

道具 element={Text}是专门为本地反应。它确保在 Text组件中呈现结果字符串。如果没有这个选项，则 response national 将抛出一个错误。

小开

使用以下命令安装 Moment.js,

npm install moment

在组件中导入 Moment.js

import moment from 'moment';

Js 的例子，用于计算两个日期之间以天为单位的差异。

import React from 'react';
import { Text, View } from 'react-native';
import moment from 'moment';


export default function App() {
const getDifference = () => {
let date1 = moment("2022-10-30");
let date2 = moment("2022-12-30");
let days = date1.diff(date2, 'days')
return days
}


return (
<View>
<Text>Days: {()=> getDifference()}</Text>
</View>
);
}

提交答案