如何将反应组件中的值传递给后端(快速)

时间:2016-09-06 21:41:14

标签: node.js express reactjs

我正在尝试使用react / d3为我的网站构建一个仪表板用于学习目的。我已经开始构建一个简单的react / d3应用程序,我使用express来获取Google AnalyticsAPI的数据。我希望能够使用不同的参数动态调用我的Google AnalyticsAPI。

我不知道我的前端应该如何将值传递给我的后端。

所以,让我说我有以下反应组件和名单列表:

class authorL extends React.Component {
                      constructor(props) {
                        super(props);
                      }
                      render() {
                            var props = this.props.name;
                        return (
                  <div>
                                <ul>
                  { props.map((m, i) =>
                    <li key={i} onClick={() => this.props.getFilteredName(m.name)}>{m.name}</li>
                  )}
                </ul>
                </div>
                        )
                      };
                     }

点击其中一个名称后,我点击名称即可点击以下操作:

export function AuthorFilter(name) {
    return {
      type: 'SET_NAME',
      name,
        };
      }

所以,让我们说减压器,一切都好。如何将此名称作为值传递到我的express文件中,现在看起来像这样:

import express from 'express';

const app = express();

app.use('/', express.static('public'));
app.use('/', express.static('src'));

var ga = require('./src/apicall/gadata');

app.listen(process.env.PORT || 3000);

app.set('views', './src/views');      
app.set('view engine', 'ejs');


app.use('/gadata', ga.queryData);

如果需要,我可以发布我的GA API调用脚本。

请问我是初学者,如果我的问题不明确,请帮助我改进它。

感谢

0 个答案:

没有答案