时间戳

首页 > 解决方案 > 如何在 laravel 中使用 react 的阅读器

reactjs - 如何在 laravel 中使用 react 的阅读器

问题描述

如何 在 laravel 中使用 react 的阅读器https://github.com/gerhardsletten/react-reader ？网络上所有关于如何在前端使用 react 和在后端使用 laravel 作为 api meker 的教程。但我想前端和后端都在 laravel 中，但只想使用这个反应阅读器。有可能吗？我该怎么做？laravel 版本也是 5.2

标签： reactjslaravel

解决方案

是的你可以。你只需要将 react 编译后的脚本包含到你的 Laravel Blade 模板中，然后使用ReactDOM渲染它，如下所示：

例子.blade.php

@extends('layouts.app')
@section('content')

    <!-- ...your html -->

    <!-- This div will be used to render the react-reader component -->
    <div id="div-id"></div>
    <script src="{{ asset('your/compiled/component/route/your-component.js') }}"></script>

@endsection

反应组件

在 react 组件中，您必须包含 ReactDOM 才能在 div 中呈现组件。在你的 react 组件的顶部导入它，并在底部渲染 div 中的组件：

// Top of your file
import ReactDOM from "react-dom";

//... Your react component

// Bottom of your file
ReactDOM.render(<Yourcomponentname/>, document.getElemenyById('div-id'));

希望这可以帮到你。

推荐阅读