Question

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

Answer 1

您可以在React-Reader自述文件的第一段中看到，它只是https://github.com/futurepress/epub.js的包装。

您可以像使用Laravel模板中的任何其他JavaScript库一样使用它。

Answer 2

是的，可以。您只需要将react编译脚本包括到Laravel Blade模板中，然后像下面这样用ReactDOM进行渲染即可：

example.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'));

希望这可以为您提供帮助。

如何在Laravel中使用React的阅读器

2 个答案: