javascript - 将 Node.js 数据传递给 React

Question

我正在将组件重构为 React 代码。

之前，我使用 Jade 对其进行编译，并将 i18n 文本从 Jade 全局直接传递到 HTML。像这样的事情:

// in Node.js / Express
const text = require('./assets/texts.json');
app.get('/route', (req, res) => {
    render('page', text);
});

在 Jade 中我会:

h3= text.en.title
p= text.en.subtitle

现在我正在使用 React 执行此操作，我想知道如何将数据传递给它？

如果我在 react 文件中执行 const text = require('./texts.json'); ，我会收到错误...

如何像使用 Jade 一样将数据从 Node 传递到 React？是否只能在客户端通过 Ajax 实现？

Answer 1

好的，所以在这个问题上投反对票后，我会去寻找我找到的答案......

我最终在 DOM 元素中传递了我的文本信息，该元素将接收我的 React 组件。所以在 Jade 中我做了:

-
    var words = ["calculate_price", "price_info", etc etc... ];
    var text = words.reduce(function(obj, word){
        return (obj[word] = lang[word], obj);
    }, {});
#dialog_wrapper(data-text= JSON.stringify(text))

在我安装组件的文件中:

const dialogWrapper = document.getElementById('dialog_wrapper');
const dialogText = JSON.parse(dialogWrapper.dataset.text);
ReactDOM.render(<BookingDialog text={dialogText}/>, dialogWrapper);

最后在 React 组件中我做了:

componentDidMount() {
    console.log(this.props.text); // all here!
}