使用 create-inferno-app 进行服务器端渲染

Question

我正在尝试设置 create-inferno-app 的服务器端实现。 所以，我最初运行 create-inferno-app 来创建一个示例项目并运行npm start run，一切看起来都很好。 这是我的index.js

import { render } from 'inferno';
import App from './App';
render(<App />, document.getElementById('root'));

这是App.js

import { renderToString } from 'inferno-server';
import './App.css';

const App = function({ color = 'red', name }) {
  return (
    <div style={{ color }}>
      Hello
      <span>{name}</span>
    </div>
  );
}
export default renderToString(<App color="blue" name="world" />)

我收到一个错误TypeError: type is not a function

那么我应该如何在 create-inferno-app 中使用renderToString 方法？

Answer 1

这个import App from './App'; 正在从你的app.js 导入这个export default renderToString(<App color="blue" name="world" />)。

你希望你的文件是这样的：

index.js

import { render } from 'inferno';
import App from './App';
render(<App />, document.getElementById('root'));

app.js

import './App.css';

App = function({ color = 'red', name }) {
  return (
    <div style={{ color }}>
      Hello
      <span>{name}</span>
    </div>
  );
}
export default App

server.js

import { renderToString } from 'inferno-server';
import App from './App';
cosnt appAsString = renderToString(<App color="blue" name="world" />)