时间戳

首页 > 解决方案 > 如何将 Laravel 中的值导入 react.js

javascript - 如何将 Laravel 中的值导入 react.js

问题描述

如何将 PHP Laravel 中的变量值导入我的 React.js 前端。这甚至可能开始。

谢谢你来自赞比亚。

PHP中的变量

{{$category->category_name}}

和 react.js 的 div

<div>{category_name}</div>

我没有从哪里开始，所以很抱歉我无法提供我所做的任何工作

标签： javascriptphpreactjslaravel

解决方案

您希望从 html 传递值以在 html 元素中作为 innerHTML 做出反应。为了实现这一点，您必须通过以下方式分别呈现每个 html 组件ReactDOM.render

使用内部内容设置您的 html 元素，渲染组件ReactDOM.render并在元素内部传递该数据。抓住你的 React 块中的值，就像你props.children通过任何东西一样

/* pass through as props.children */

function App(props){
return <div>Child: {props.children}</div>
}

const application = document.getElementById('application');
ReactDOM.render(<App>{application.innerHTML}</App>, application );
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

<!-- pass through as props.children -->
<div id="application">From HTML</div>

推荐阅读