在react前端访问flask变量

Question

我在这里使用这个flask react模板项目，我遇到了一个问题

https://github.com/bonniee/react-flask

渲染index.html时，我想从flask

传回一些数据

@app.route('/')
def hello_world():
  return render_template('index.html', somedata="YOOOO")

并在react组件中使用

render() {
    this.loadDataFromServer();
    return <h1>sup? {{somedata}}</h1>;
  }
});

在这个项目格式中有一个干净的方法吗?

Answer 1

在您的模板中，您可以包含一个script标记，该标记将window.somedata设置为您想要的值。然后你可以直接在渲染中访问它，或者如果你有flux或redux，你可以在安装react组件时用这些数据调度一个动作。