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

Question

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

我知道您可以对 fetch 数据进行 ajax 调用，但这仍然不允许我在 react.js 文件中执行以下操作：<p><?php echo "testing; ?></p>。

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

是否可以在 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* 向后端请求。通过后端返回的响应，您将在您的反应组件上设置一个新状态。

我将添加一个基本示例：

反应应用：

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

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