将PHP数据传递给ReactJS

问题描述：

我想知道将PHP从MySQL服务器获取的数据传递给React组件的最佳方式是什么。目前我知道的唯一方法就是简单地将变量回显为prop价值，但是我觉得肯定有比这更好的方式，因为它感觉非常黑客。将PHP数据传递给ReactJS

我是React的新手，一直在寻找一个API来使用，但一直未能找到它（如果存在）。我也查看过React文档，但它也没有提供任何信息。

下面是我到目前为止一直在做一个非常简单的例子：

<?php 
class User { 
    //Name returned from mysql query. 
    public $name = "Steve"; 
} 

$user = new User; 
?> 

<!DOCTYPE html> 
    <body> 
     <div id="greeting-div"></div> 
    </body> 
</html>

而我的阵营组件看起来就像这样：

var Greeting = React.createClass({ 
    render: function() { 
     return (
     <p>Hello, {this.props.name}</p> 
    ) 
    } 
    }); 

    ReactDOM.render(
    <Greeting name="<?php echo json_encode($user->name); ?>"/>, 
    document.getElementById('greeting-div') 
);

有没有更好的方式来做到它或者这是正确的方式？

答

您可以添加一个名为 “名” 变量喜欢这样

ReactDOM.render(
    <Greeting name={name}/>, 
    document.getElementById('greeting-div') 
);

这

<!DOCTYPE html> 
    <script> 
    var name = "<?php echo json_encode($user->name); ?>"; 
    </script> 
    <body> 
     <div id="greeting-div"></div> 
    </body> 
</html>

和编辑JS文件

将PHP数据传递给ReactJS

相关推荐