如何使用ReactJs组件从Laravel添加数据？

我试图在ReactJs组件上添加Laravel现有条件语句

我已经尝试将其添加到渲染函数中

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

export class Login extends Component {
    render() {
        return (
            <div class="login">
                @if (Route::has('login'))
                    <div class="top-right links">
                        @auth
                            <a href="{{ url('/home') }}">Home</a>
                        @else
                            <a href="{{ route('login') }}">Login</a>
                            /*-- <a href="{{ route('register') }}">Register</a>
                                @if (Route::has('register'))
                            @endif */
                        @endauth
                    </div>
                @endif
            </div>
        );
    }
}

if (document.getElementById('login')) {
    ReactDOM.render(<Login />, document.getElementById('login'));
}

我试图显示react组件中现有的laravel脚本

提前感谢您的帮助。

@如果由刀片模板使用，输出为

你可以试试这个

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

export class Login extends Component {
    render() {
        return (
            <div class="login">

                    <div class="top-right links">
                       if (isLoggedIn) {
                            <a href="/home">Home</a>
                        } else {
                            <a href="/login">Login</a>

                        }
                    </div>

            </div>
        );
    }
}

if (document.getElementById('login')) {
    ReactDOM.render(<Login />, document.getElementById('login'));
}

---

isLoggedIn来自react状态，当用户登录时应为true

@如果刀片模板引擎使用react，则使用jsx或ts无法使用刀片模板代码。如果此问题是几个月前出现的，请尝试使用js。谢谢你提供的信息。对不起，几周前，我把这个问题忘在笔记上了。无论如何，谢谢你的帮助。

require('./components/Welcome');

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

export class Login extends Component {
    render() {
        return (
            <div class="login">

                    <div class="top-right links">
                       if (isLoggedIn) {
                            <a href="/home">Home</a>
                        } else {
                            <a href="/login">Login</a>

                        }
                    </div>

            </div>
        );
    }
}

if (document.getElementById('login')) {
    ReactDOM.render(<Login />, document.getElementById('login'));
}