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" />)

使用create-inferno-app

1 个答案: