2017-10-11 9 views
0

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') 
); 

を行うには良い方法がありますそれともこれは正しい方法ですか?

答えて

1

あなたはこの

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ファイルと同様に、 "名前" と呼ばれる変数を追加することができます

関連する問題