Question

让我提一下更多信息 -

这是我在节点快递app中关注的项目结构。

查询 - 我有两条带有相应模板的路线。

1）索引路由（默认路由） - index.hjs模板和

2）电影路线（创建一个） - movies.hjs模板

现在我在app.js中有反应组件，我想将一个反应组件渲染到movies.hjs模板的DOM节点（即任何div元素）。

[默认情况下，app.js中的组件能够访问index.hjs的DOM节点，但无法访问不同的模板，如movies.hjs。）

请帮忙。

下面的代码是在movies.hjs：

<!DOCTYPE html>
<html>
  <head>
    <title> {{title}}</title>
  </head>
  <body>
    <h1>Movie page </h1>
    <div id="movie_root"></div>

    <script type="text/javascript" src="/build/bundle.js"></script>
  </body>
</html>

app.js中的

和反应组件是：

import React,{ Component } from 'react'
import ReactDOM from 'react-dom'
import Home from './components/layout/Home'

class MovieHomePage extends Component {
  render(){
    return (
      <div>
        <Home />
      </div>
    )
  }
}

ReactDOM.render(<MovieHomePage />,document.getElementById('movie_root'))

无法在node express app中的不同路由模板中将react组件呈现给DOM节点？

0 个答案: