将数据从节点传递到React

Question

我有一个类似的节点/反应设置

client
    React app here
fonts
node_modules
index.js
package-lock.json
package.json    

在index.js中，我使用的是npm软件包fontkit来获取有关字体文件夹中安装的字体的信息

const fontkit = require('fontkit');
const font = fontkit.openSync('./fonts/OpenSans-Bold.ttf');
const fontFeatures = font.availableFeatures

console.log(fontFeatures)   

这将返回Opentype功能的列表，例如：

[ 'lnum',
  'onum',
  'pnum',
  'liga',
  'salt',
  'ss01',
  'ss02',
  'ss03',
  'tnum',
  'kern' ]  

我希望能够在React应用程序中使用此数组

如何从React应用访问节点中创建的数组

Answer 1

最简单的方法是公开一个API端点，您可以调用该API端点来获取此信息。因此，例如，如果您的React应用向http://myapp.com/fonts/info发出HTTP请求，则您的API可以以编程方式获取字体信息并将其返回给客户端。

另一种选择是对前端代码进行服务器端渲染，在这种情况下，您可以直接通过模板引擎（例如Handlebars或Mustache）传递信息。