我如何在React Native中使用诸如moment.js之类的JavaScript库

在本机反应中使用本机javascript库的推荐方法是什么？有没有具体限制？

十分简单！从项目的根目录开始运行：

npm install moment --save

然后，您可以将其导入代码中：

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

限制将是任何试图“扩展”到浏览器的东西（在这种情况下不存在）。这就是为什么要使用XHR之类的polyfill的原因。

在官方文件对如何使用时刻库实例

目前，某些方法在React Native中有效，而其他方法则无效。我怀疑这与听众有关。

我可以使用一下矩进行格式化：

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 {您的库名在这里} --save

然后只需导入您的课程并使用

import moment from 'moment';

如果您特别想在react或react native中使用moment.js react-moment，请查看https://github.com/headzoo/react-moment中的矩量库的react组件。

要在react native中使用react-moment，请运行：

npm install --save moment react-moment

然后在您要使用的时刻文件中：

import Moment from 'react-moment';

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

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

该道具element={Text}专门用于响应本机。它确保结果字符串在Text组件中呈现。没有这个，react native将引发错误。

目前看来，某些npm模块与packager不兼容。还没有真正弄清楚为什么，但是我一直想做的是拥有一个供应商文件夹并通过网络版本进行复制，但是最重要的是

/** * @providesModule moment */

并在底部将其更改为：

module.exports = moment;

不确定这是否是正确的方法，但是包装对于每个人来说还是很新的。