javascript - 如何在react.js文件中编写php脚本？

Question

我已经查遍了，但我看到的答案对我来说并不清楚。我已经使用react.js 为我的项目设计了一个不错的UI/UX，但现在我想开始使用php 将一些后端内容连接到它。

我知道你可以做ajax调用fetch数据，但这仍然不允许我做类似的事情: <p><?php echo "testing; ?></p>在react.js 文件中。

也许我的理解不清楚，但我希望得到一些澄清，因为我在网上看到的内容对我来说还不够。

是否可以在react.js文件中编写php脚本？

另外，我看到了这个链接:https://github.com/reactjs/react-php-v8js但同样，还不清楚。

如果这不符合SO的问题标准，我提前表示歉意，我真的陷入困境，除了SO之外没有人可以求助于IRL。谢谢:-)

Answer 1

使用reactjs，你必须使用与php编程不同的方法。 Reactjs是前端，php端是后端或api。 (我的意思是你不必在 php 上渲染 js，只需在 application/json 上渲染你的响应)

为此，您可以在reactjs应用程序上使用* axios 或 fetch* 向后端请求。根据后端返回的响应，您将在您的 react 组件上设置一个新状态。

我将添加一个基本示例:

react 应用程序:

import React, { Component } from 'react';

class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      data: null,
    };
  }

  componentDidMount() {
    fetch('https://api.mydomain.com')
      .then(response => response.json())
      .then(data => this.setState({ data }));
  }

  ...
}

export default App;

服务器端:

<?php
$response = [
   'items' => [
        [
            'product': 'MY PRODUCT 1',
            'code': '10001',
            'price': 39
        ],
        [
            'product': 'MY PRODUCT 2',
            'code': '10002',
            'price': 99
        ]
   ]
];

header('Content-Type: application/json');
echo json_encode($response);

我希望这可以帮助你。 :-)