reactjs - 我们可以访问存储在其他文件中的react组件中的js var吗？

Question

我有一个旧项目，我已将所有var存储在标记

中的.cshtml文件中

cshtml代码

<script type="text/javascript">
var foo = 'foo'
</script>

现在我想在我的新模块中访问该var。它在反应

 render() {
 return <div className="vertical-box-column width-280 resizableMenu solutionExplorer">
            //want to access foo here;I can get var using window {window.foo} but not directly {foo}
        </div>

}

我可以通过{window.foo}

获取var foo

有没有办法直接获取var，没有window关键字

我也可以在本地环境中获取foo：localhost：3000？

Answer 1

您必须在组件状态中设置变量，并在渲染函数中使用该状态变量。例如：

 constructor (props) {
       super(props)

       this.state = {
        test: testVarFromHTML
    }
}
render () {
    return <div>{test}</div>
}