我正在尝试使用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调用脚本。
请问我是初学者,如果我的问题不明确,请帮助我改进它。
感谢