我有一个React组件,我在电子应用程序中使用它。
// @flow
import React, { Component } from 'react';
import Home from '../components/Home';
import SentenceView from '../components/SentenceView';
import Dictionary from '../components/Dictionary';
export default class HomePage extends Component {
render() {
const aTestArray = [1,2,3,4];
return (
<div>
<SentenceView numbers={aTestArray} />
</div>
);
}
}
我正在给我的SentenceView组件aTestArray。现在,实际上我没有这个阵列可用,但需要自己创建它。由于React只是View,我不想用React创建数组,而是将它外包给我在nodejs中编写的函数。它创建一个数组,然后返回它。所以(截至目前)我写的是
const sentenceArray = ['Hello', 'Mister'];
理想情况下会是这样的:
const sentenceArray = createTheArrayFunction(); //returns array
但是,我不知道如何才能完成这项工作。我不知道如何让我的React组件访问nodejs文件中的函数,或者我将如何连接这两个函数。我正在使用电子,所以我应该可以使用nodejs(某处某处)。但我不知道如何把这些东西放在一起。如果有人可以帮助我,我会很高兴。