通过数据刀片（laravel）来响应组件

Question

I need pass data in blade to react component. I use laravel 5.6.
For example in simple react component pass data via 'props' and i don't find method in laravel documentation to pass. I've tried (blade):

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

React:

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

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

How can i do it in Laravel? In advance thanks for help.

Answer 1

Use this :

{!! $article !!}

instead of this :

{{ $article }}

Answer 2

To pass data from blade to react , simply use let in your blade view.

Change your view to something like this

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

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