我有一个我想发布到npm的react组件,我希望有人可以解释一些事情来帮助我开始使用它。我过去曾在npm上发布过node.js程序包,但这是我的第一个react程序包,我无法使其正常工作。
这是我计划实现的一个小例子:
我的包裹 label-wrapper :
import React, { useState, useEffect, useRef, useCallback } from 'react';
export default function ({ label }) {
return <div className="label-wrapper">{label}</div>
};
其他想要使用我的包裹的人:
import React from 'react';
import LabelWrapper from 'label-wrapper';
export default function () {
return <div><LabelWrapper label="Hello World" /></div>
}
我是否为此使用create-react-app
?还是我手动安装react
和react-dom
?因为我要使其很小,可以导入到其他项目中。有点像react-router-dom
或material-ui
,但非常小。
如果我使用create-react-app
,是否还需要构建(react-scripts build
)?这是我最困惑的地方,因为create-react-app
是用于构建单页应用程序,它包含许多我不需要的功能。
如果您有与此相关的详尽指南的链接,则确实有帮助。