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

时间:2018-04-26 14:01:14

标签: javascript laravel reactjs blade

我使用React js作为font-end的laravel项目,我想将React组件呈现的一些数据传递给我的控制器。在刀片模板中,我有一个表单,在该表单中,我使用React js显示“select”元素。如何通过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'));
}

1 个答案:

答案 0 :(得分:0)

我猜您可以直接将数据发送或传递给laravel路由或控制器。您可以使用synchronized(f) { //wait for no-one use f // do some stuff //nobdy can use f during this time } //free f, other can use it 方法或axios()将post方法中的数据发送到url并捕获相应控制器中的数据。作为反应组件或可以说反应只是MVC的视图,没有办法(可能是我所知)将数据传递给服务器端,使用像fetch()n all这样的api请求。