在ejs
文件中,我具有以下内容:
<div id='app-container' csrf='<%= _csrf %>'</div>
在一个js
文件中,我使用上面的div
渲染一个React组件:
const domContainer = document.querySelector('#app-container');
ReactDOM.render(e(Faucet), domContainer);
我想访问csrf
属性并将其作为道具传递给组件。
我目前正在通过替换第二行来做到这一点:
ReactDOM.render(e(Faucet, { 'csrf': domContainer.attributes.csrf.value }), domContainer);
推荐的方法是什么?另外,默认情况下,React不将属性不作为顶级容器的属性传递给我们吗?