Вопросы и ответы - reactjs

Вопросы и ответы - reactjs



Есть ответ!
Я разрабатываю блог с использованием Laravel 7 и ReactJS. У меня есть страница /blog, и для каждого блога у меня есть пост. Сообщение должно отображаться в типе /blog/post/1, но эта маршрутизация не работает: она возвращается на страницу /blog. Я не уверен, что проблема заключается в маршрутизации react или Laravel. Мой маршрут в web.php, Laravel: Route::view('/{path?}', 'react'); Мой маршрут в A...
Есть ответ!
Я хочу получить свой список из Laravel API. Мои детали списка извлечены, но я столкнулся с некоторой тревожной проблемой, чтобы получить детали с изображением мой card.js компонент import React, {useState, useEffect} from 'react'; import {Link} from 'react-router-dom'; const Card = ({pet}) => { return( <div> <div className="listing-block"> <div cl...
Есть ответ!
Проблема довольно очевидна. Я объявил маршрут с 2 динамическими частями в моем react.js приложение со следующей строкой : <Route path='/products/:cat_id/:subcat_id' component={ProductsWise} /> Но когда я пытаюсь получить доступ к url-адресу: http://127.0.0.1:8000/products/4/1 , он просто говорит: : 404 Не Найдено. Код следующим образом : import React, { Component } from 'react' import Re...
Есть ответ!
Это пример в react.js: Форма.jsx <FormInput type='text' name='displayName' value={displayName} onChange={this.handleChange} required /> Ввода.jsx const FormInput = ({ handleChange, ...otherProps }) => ( <input className="form-input" onChange={handleChange} {...otherProps} /> ) Мой вопрос заключается в том, как я могу передавать атрибуты другим компонентам С помо...
Есть ответ!
Я новичок в React и пытаюсь добавить i18n в свое приложение. Я не могу понять /я знаю, что это что-то глупое с моей стороны, но я не мог найти решение своей проблемы/. У меня есть два простых вопроса, и я буду очень рад, если вы дадите мне на них ответ. Я пытаюсь добавить ресурсы в свой компонент меню, но это дает мне "ошибку синтаксического анализа: неожиданный токен". Не могли бы вы посоветова...
Есть ответ!
Я работаю над проектом, который использует ReactJS typescript для front-end, express для back-end и MongoDB для базы данных. Основная проблема, с которой я сталкиваюсь, заключается в том, что я хочу каким-то образом отправить данные из моего компонента React в приложение express, чтобы оно могло запрашивать и добавлять что-то в базу данных. В настоящее время у меня работает экспресс-сервер http:/...
Есть ответ!
Я пытаюсь создать Поповер React Material( https://material-ui.com/api/popover/) элемент, который будет отображаться, когда пользователь наводит курсор мыши на TableRow ( https://material-ui.com/api/table-row/ ), и быть скрытым, когда пользователь наводит курсор мыши из TableRow. То, что я уже пробовал : const handlePopoverOpen = event => { setAnchorEl(event.currentTarget); }; const handle...
Есть ответ!
Пытаясь вызвать компонент Vue в мое приложение React, я столкнулся со многими ошибками. Я пытался использовать 'VueWrapper' from 'vuera, и я пытался указать импортированное приложение .vue прямо в путь к файлу, но ничего не имеет смысла. В конце концов я попытался поместить файл .Vue в файлы src моего приложения React (я знаю, что это должно быть глупо, но я новичок как в React, так и в Vue и поня...
Есть ответ!
Моя идея состоит в том, чтобы уменьшить количество запросов к серверу от веб-клиента. Скажем, представление/компонент, который показывает пользовательские данные (сначала извлеченные до того, как это представление/компонент будет визуализирован), если пользователь перезагружает страницу (F5), то все приложение перезагружается и инициализируется снова, так что еще один запрос к серверу, чтобы получ...
Есть ответ!
Проблема Я хотел бы добавить несколько пользовательских данных в список пользователей firestore Authenticateced и в коллекцию users, которую я создал сам в то же время, но это не очень хорошо. коллекция users обновляется только ее часть. Данные // javascript users: [ {email: "n_0@example.com", username: "user0"}, {email: "n_1@example.com", username: "user1&qu...
Есть ответ!
У меня есть контент блога, в котором администратор может добавить такой шаблон => %make123%. когда этот контент будет отображаться, я должен заменить этот %make123% на идентификатор автомобиля 123, но теперь как получить этот 123 из моего контента. а затем сделайте еще один запрос для поиска автомобиля с этим идентификатором. это моя функция контроллера для детализации блога. function blogDetai...
Есть ответ!
Я использую React Router и Laravel. Когда я перемещаюсь по элементам ссылок, все в порядке, но когда я меняю адресную строку браузера, чтобы вручную показать другой компонент, Laravel показывает его defalt 404 page. Это значение по умолчанию web.php содержание, в welcome.blade.php я включаю js/app.js файл: Route::get('/', function () { return view('welcome'); }); Это мое App.js содержание: im...
Есть ответ!
Я разрабатываю веб-приложение с помощью create-react-app и Laravel. create-react-app запускает dev project на localhost:3000, в то время как laravel backend работает на localhost:8080. Это часть моего кода: const onSubmit = (e) => { e.preventDefault(); const val = rootRef(formRef); // React ref to form // form data const data = { firstName: val('firstName'), ...
Есть ответ!
Я использую vue и пришел из реактивного фона. React имел этот метод под названием. map, где если вы передадите массив в качестве реквизита, то он будет визуализировать этот компонент несколько раз, в зависимости от количества элементов в массиве, и извлекать все данные из индекса. Подобный этому: function App() { const classes = useStyles(); const [finance, setFinance] = useState([]); useEffect((...
Есть ответ!
Я пытаюсь загрузить изображение с помощью React JS и REST API с Laravel в качестве бэкенда. У меня есть партнерская модель, у которой есть имя и логотип. Я создал форму для ввода ее названия и логотипа. Когда я ввожу только имя партнера и отправляю его, я нахожу нового партнера, добавленного в базу данных. Но когда я пытаюсь загрузить логотип партнера, я получаю такую ошибку: POST http://localhost...
Есть ответ!
У меня есть массив продуктов, который содержит идентификатор, имя, категорию и 5 данных. предположим, что есть 3 продукта, отнесенных к категории мобильных устройств, и два из них относятся к категории компьютеров. как правильно визуализировать эти три продукта в одной категории "Мобильные" let array_e = this.E_Product; //products array array_e.forEach((element) => { var obj = _.find...
Есть ответ!
Я пытаюсь сделать страницу входа в систему с помощью Laravel sanctum и React. Я могу войти в свой браузер (вижу сообщение "аутентифицирован"), но не могу войти в сумерки. Если быть точным, я могу войти в систему один раз в сумерках, но я не аутентифицируюсь в следующем доступе. Я не могу понять, почему это произошло. Как я могу пройти аутентификацию с помощью Dusk, используя sanctum? Окружающая ср...
Есть ответ!
Итак, у меня есть приложение типа wetransfer.com. Поэтому я хочу посмотреть, сколько байтов файла загружено на диск ftp Вот пример кода: Storage::disk('ftp')->put('/path/', $file) Схема: (client file) -> (ftp) Есть ли какой-нибудь способ получить процент загрузки сервера и сколько байтов загружено на FTP. Я использую React для передней части. Вот мой код const onDrop = useCallback(accepted...
Есть ответ!
Я создаю CRUD API в Laravel 7 используя сбор ресурсов но когда я пытаюсь отправить данные с помощью post запроса он дает Symfony\Component\HttpKernel\Exception\MethodNotAllowedHttpException: метод POST не поддерживается для этого маршрута. Поддерживаемые методы: GET, HEAD. в файле D:\xampp\htdocs\safaripet\backend\vendor\laravel\framework\src\Illuminate\Routing\AbstractRouteCollection.php на линии...
Есть ответ!
У меня есть проблема, как указано в названии. К сожалению, ни один другой пост мне по-настоящему не помог. В основном все, что я пытаюсь сделать, это отобразить изображение в моем компоненте, который будет пагинатором. Однако все это находится внутри проекта Laravel. Так вот оно что Paginator.js (действительно неполный), at /resources/js/components/Paginator.js: import React, { Component } from 'r...


Закрыть X