将数据从 React 组件传递到 Laravel 控制器答案

【问题标题】：Passing data from React component to Laravel controller将数据从 React 组件传递到 Laravel 控制器
【发布时间】：2025-12-03 00:45:01
【问题描述】：

我是一个使用 React js 作为字体端的 laravel 项目，我想将一些由 React 组件渲染的数据传递给我的控制器。在刀片模板中，我有一个表单，在该表单中，我正在使用 React js 显示一个“选择”元素。如何通过 Request(Request $request) 变量将 select 元素中的值传递给控制器？这是我在刀片模板中的表单：

<form method="POST" action="">
        @csrf

    <div id="example" data={{ $currencies }}></div>

    <input type="submit" value="Create" class="btn btn-primary">
</form>

还有组件：

class Example extends Component {
    render() {
                return(
            <div>
          <select>
            <option></option>
            <option>Currency</option>
            <option>Reputation</option>
          </select>

        </div>
            );

            }
  }

export default Example;

if (document.getElementById('example')) {
     var data = document.getElementById('example').getAttribute('data');
    ReactDOM.render(<Example data={data}/>, document.getElementById('example'));
}

【问题讨论】：

在 select 中添加 name 属性，向表单操作属性添加 url 并提交表单。
成功了！感谢您的帮助

标签： javascript laravel reactjs blade

【解决方案1】：

我想你可以直接将数据发送或传递给 laravel 路由或控制器。您可以使用 fetch() 方法或 axios() 将 post 方法中的数据发送到 url 并在相应的控制器中捕获。作为反应组件或可以说反应只是 MVC 的视图，没有办法（可能在我的知识中）通过 fetch() n 之类的 api 请求将数据传递到服务器端。

【讨论】：