問題タブ [react-universal]

I want to receive data via a REST service call in my React Universal (with Next.js) app using fetch() and then render the result into JSX like this:

Unfortunately, the output is this:

Which does make sense because the call to fetch is asynchronously and render() finishes before the call to the REST service has finished.

In a client-side app this would be no problem because a change of state would call render() which then updates the view, but in a universal app, especially with JavaScript turned off on the client, this is not possible.

How can I solve this?

Is there a way to call the server synchronously or delay render()?

私のreactjs-universalコンポーネントで、私はこれを書きました:

同じコンポーネントで、次のようなアクションをディスパッチしたいと思います:

これを実行すると、次のようになります。

アクションをディスパッチできるように、コンポーネントでストアへの参照を取得することはできますか?

反応サーバー側をレンダリングするのに問題があります。私はいつも得る^

ReferenceError:ドキュメントが定義されていません

var root = document.getElementById('root');

ノードがブラウザのドキュメントオブジェクトを理解していないことが起こっていることを私は知っています。しかし、私はそれを修正することはできません。webpack、サーバー、または app.js で何か間違ったことをしていますか?

ここに私のコードがあります

サーバー.js

webpack.config.node.js

そして最後に、ここに私のapp.jsがあります