javascriptの変数にPHPの埋め込みでエラー

Question

javascriptの変数にphpの配列を入れる

前提

下記のエラーメッセージがでます。
Reactを使用しているのでjsxと認識されているのだと考えておりますがコンポーネントのなかでの埋め込みは不可能なのでしょうか？

ncaught SyntaxError: Inline Babel script: Adjacent JSX elements must be wrapped in an enclosing tag (5:0) (at babel.min.js:7:10099)
  3 |    function Players() {
  4 |     const player_names = <br />
> 5 | <b>Warning</b>:  Array to string conversion in <b>C:\xampp\htdocs\players_name\teams.php</b> on line <b>128</b><br />
    | ^
  6 | Array    console.log(player_names

該当のソースコード

 <div id = "root"></div>
  <script type="text/babel">

   function Players() {
    const player_names = <?php echo $name;?>;　//$nameという配列
    console.log(player_names);
    
    return(
     <div id = 'players_list'></div>
    )
   }

   const root = ReactDOM.createRoot(
    document.getElementById('root')
   );
   
   root.render(
    <div>
     <Players/>
    </div>
   );


  

</script>

Comments

[irebasunglass]

自己解決できました

Answer 1

せめてこうしないと

const player_names = <?php echo $name;?>;
↓↓↓
const player_names = ’<?php echo $name;?>’;