Маршруты Laravel и шаблоны лезвий с реагированием
Есть ли какой-нибудь способ, которым я могу использовать синтаксис типа лезвия с React для обработки моих маршрутов Laravel? Допустим, у меня есть что-то вроде следующего:
<div class="card">
<a href="{{ route('account.show', $user->slug) }}">Go to your account</a>
</div>
Если я попытаюсь превратить это в компонент Reactjs, ясно, что синтаксис типа блейда не будет работать.
я иметь заглянул в React Router, но точно не знаю, как он будет вписываться в мое приложение, или если мне даже необходимо его использовать (я бы предпочел использовать простые маршруты Laravel).
Решение
Код React выполняется не Laravel, а браузером пользователя. Поэтому, когда придет время генерировать эту ссылку в браузере пользователя, у кода больше не будет доступа к инструментам Laravel или Blade.
Что вы можете сделать, это передать всю необходимую информацию в приложение React заранее, когда вы используете blade-сервер для генерации вызова React верхнего уровня:
<script>
React.render(
MyApp({
accountShow: "{{ route('account.show', $user->slug) }}",
//etc.
}),
document.getElementById('myContainer')
)
</script>
Итак, в вашем приложении React вы можете использовать эти свойства и передавать их внутренним компонентам, например:
<CardLink href={this.props.accountShow}>
Go to your account
</CardLink>
Другие решения
Других решений пока нет …