Tag: reactjs pug
React-如何在渲染服务器端时保存javascript
我正在渲染我的反应组件… var express = require('express'); var router = express.Router(); var React = require('react'); var reactDom = require('react-dom/server'); var App = React.createFactory(require('../components/index')); router.get('/', function(req,res) { var reactHtml = reactDom.renderToString(App({})); res.render('../../tutorHub/views/index.jade', {reactOutput: reactHtml}); }); module.exports = router; 注意我正在使用renderToString 。 现在，在我的玉文件中，组件被渲染为… <!DOCTYPE html> html(lang="en") head link(rel="stylesheet", type="text/css", href="style.css") link(rel="stylesheet", href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css") body !{reactOutput} script(type="text/javascript", src="../index.js") 这样做很好，但是没有任何一个处理程序被调用。 我做了一些研究，事实certificate，使用renderToString不会保留我的反应组件中的JavaScript。 我如何渲染这个组件服务器端，仍然保留事件处理程序？ 我正在使用webpack，是否需要更改webpack.config？ […]
我可以使用帕格（前玉）与反应框架？
我已经阅读了一些帕格文件。 它说，我必须先安装哈巴狗，我已经完成了。 那么我必须在我的js文件中要求哈巴狗。 但我不知道在哪里写我的反应文件中的帕格文件的编译？ 在反应框架中使用帕格是什么正确的步骤？ 谢谢！ 我真的很感激任何帮助。 这里是我反应的一个组成部分，我想用帕格来渲染它。 import React from 'react'; import Sidebar from './Sidebar'; import Header from './header/Header'; import {tokenverify} from '../../utils/helpers'; import pug from 'pug'; class Home extends React.Component { componentDidMount() { const token = localStorage.getItem('token') tokenverify(token) .catch((res) => { this.props.history.push('/') }) } render() { return( <div className="main-container"> <div className="col-md-1"> <Sidebar history={this.props.history} […]
