如何进行AJAX调用以获取一些数据并呈现结果服务器端？在服务器上获取数据 - ＆gt;渲染结果 - ＆gt;将HTML发送到客户端

Question

我正在尝试找出在服务器端获取数据并在那里呈现结果模板的最佳方法。

我看过其他一些文章 -

我看到的一件事是使用静力学。这是什么意思？

基本上，这是我非常基本的组件代码。我知道我有componentDidMount，但我需要以某种方式替换它，以便请求和结果集在服务器端完成，但不知道如何。

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import * as actionCreators from '../../actions/fake-data';

class LandingPage extends Component {

  componentDidMount() {
    this.getFakeData();
  }

  getFakeData() {
    this.props.actions.getFakeData();
  }

  render() {
    console.log(this.props);
    return (
      <div>
        {
          this.props.fakeData.fetching ?
          <h2>Loading...</h2> :
          this.props.fakeData.response.map(item => <p>{item.title}</p>)
        }
      </div>
    );
  }
}


function mapStateToProps(state) {
  console.log(state);
  return {
    fakeData: state.fakeData
  };
}

function mapDispatchToProps(dispatch) {
  return {
    actions: bindActionCreators(actionCreators, dispatch)
  };
}


export default connect(mapStateToProps, mapDispatchToProps)(LandingPage);

感谢。