Question

我到处都看过，但是我看不到答案。我已经为我的项目设计了一个使用react.js的不错的UI / UX，但是现在我想开始使用php将一些后端东西连接起来。

我知道您可以对ajax数据进行fetch调用，但这仍然不允许我在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 * 来请求后端。后端返回响应后，您将在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);

我希望这可以为您提供帮助。：-）

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

1 个答案: