将php数据库值绑定到react.js

Question

我会尽量缩短这个问题。

我正在尝试做一些react.js服务器端渲染，但我很难重构那些我在网上进行研究并将其应用到我的项目中所获得的信息。

我使用mysql数据库中的用户名为应用程序中的所有路由使用路由模型绑定。我在react.js中有一些路线

请看下面的代码：

setInterval

如果您在function scroll() { var states = ["Test! ", " Test!", "! Test", "t! Tes", "st! Te", "est! T"], currState = 0; settext("Test! "); currState++; setInterval(function(){ settext(states[currState]); currState++; if(currState === states.length){ currState = 0; } }, 500); } 内查看HTML var FileUpload = React.createClass({ handleFile: function(e) { var reader = new FileReader(); var file = e.target.files[0]; if (!file) return; reader.onload = function(img) { React.findDOMNode(this.refs.in).value = ''; this.props.handleFileChange(img.target.result); }.bind(this); reader.readAsDataURL(file); }, render: function() { return ( <input ref="in" type="file" accept="image/*" action="images/{user}/dpUpload" onChange={this.handleFile} /> ); } }); 标记，render:function()的路由为input。每个知道laravel的人action都可以以RESTful方式绑定到images/{user}/dpUpload。我需要绑定数据库给我的任何反应值。这就是我目前正在获得的

Answer 1

你想在React中使用user变量而不必为它做ajax请求吗？

您可以将其嵌入DOM中。也许在data-user属性中。

// On your page
<div id="user" data-user="admin"></div>

// In React
render: function() {
    var user = document.getElementById("user").getAttribute("data-user");
    return (
      <input 
        ref="in" 
        type="file" 
        accept="image/*" 
        action="images/{user}/dpUpload" 
        onChange={this.handleFile} />
    );
}

您也可以将用户变量放在页面上的脚本标记中，然后使用window.myUserVariable在React中访问它。