传递数据刀片（laravel）以反应组件答案

【问题标题】：pass data blade (laravel) to react component传递数据刀片（laravel）以反应组件
【发布时间】：2018-12-19 15:53:39
【问题描述】：

我需要在刀片中传递数据以响应组件。我使用 laravel 5.6。
例如，在简单的反应组件中，通过“道具”传递数据，我在 laravel 文档中找不到传递的方法。我试过（刀片）：

<Preview article={{ $article }}></Preview>

反应：

constructor(props){
  super();
  this.state={
    article: props.article
  }
}

render() {
  return (
    <div>
      <h2>{this.state.article}</h2>
      <h3>Net</h3>
    </div>
  );
}

我如何在 Laravel 中做到这一点？提前感谢您的帮助。

【问题讨论】：

你能显示更多代码吗？您的整个视图和反应组件会更好地了解您要做什么。
我只需要传递数据。不明白你为什么需要代码:) 好吧。源码：pastebin.com/NDE1Qq5b我试过了，还是不行

标签： javascript php laravel reactjs

【解决方案1】：

使用这个：

{!! $article !!}

而不是这个：

{{ $article }}

【讨论】：

这种方式在 laravel 中不起作用。我认为需要一些作曲家包或其他方式

【解决方案2】：

要将数据从blade 传递到react，只需在blade 视图中使用let。

将您的视图更改为类似的内容

// Use react to display article
<Preview article={article}></Preview>

// Pass data to react
<script>
      let Article= '{{ $article }}'
</script>

【讨论】：

不幸的是不起作用。我做对了吗？ pastebin.com/DQLyy3j7请帮帮我。