Вопросы и ответы - 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 и пытаюсь добавить 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...
Есть ответ!
У меня есть контент блога, в котором администратор может добавить такой шаблон => %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'), ...
Есть ответ!
Я пытаюсь загрузить изображение с помощью React JS и REST API с Laravel в качестве бэкенда. У меня есть партнерская модель, у которой есть имя и логотип. Я создал форму для ввода ее названия и логотипа. Когда я ввожу только имя партнера и отправляю его, я нахожу нового партнера, добавленного в базу данных. Но когда я пытаюсь загрузить логотип партнера, я получаю такую ошибку: POST http://localhost...
Есть ответ!
Я пытаюсь сделать страницу входа в систему с помощью 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...
Есть ответ!
У нас есть устаревшее базовое приложение, которое мы перемещаем, чтобы реагировать. Промежуточный шаг, который мы пытаемся сделать, - это загрузить связанный магистральный модуль на страницу React, пока у нас не будет времени полностью переписать его. Я нахожусь на полпути туда, я могу объединить приложение и все его зависимости с r.js, используя такую конфигурацию: ({ ... baseUrl: './', ...
Есть ответ!
Я запутался, когда устанавливал стиль для интерфейса на основе Material-UI. Откуда берется theme в приведенном ниже примере кода и каковы эффекты темы? import React from "react"; import Container from "@material-ui/core/Container"; const useStyles = makeStyles(theme => ({ root: { height: "100%" } })); const Sample = props => { const classes = useStyles(); return ( <C...
Есть ответ!
У меня есть маршрут в Express, и я хотел бы вызвать функцию действия, импортированную из моего редуктора: /* initial state */ export var usersStartState = { isAccountVerified: false, }; /* action types */ export const actionTypes = { IS_ACCOUNT_VERIFIED: 'IS_ACCOUNT_VERIFIED', }; /* reducer(s) */ export default function users(state = usersStartState, action) { switch (action.type) { ...
Есть ответ!
Я работаю над веб-приложением React, у меня есть глобальное состояние для хранения некоторых данных, по какой-то причине я вижу совершенно ненужные рендеринги в своем приложении! У меня есть компонент, который выглядит так: const LanguageSkills = () => { const [languageSelected, setLanguage] = React.useState({}) const { dispatch } = useContext(GlobalStore) const handleChange = (name: s...
Есть ответ!
У меня есть компонент navbar в приложении react, но по какой-то причине он отображается в нижней части страницы, а не в верхней части страницы, как мне бы хотелось. Я попытался поместить навигатор в отдельный заголовок и расположить абсолютную вершину на этом заголовке, но это тоже не исправило его. Код приведен ниже. Навигации.JS import React from 'react'; import './App.scss' import logo from '...
Есть ответ!
У меня есть кое-какой код, который я должен обновить. Это не мой код, поэтому я не хочу слишком много изменений. Он использует обертывание-сага и "Аксиос". Я хочу передать некоторые аргументы саге моя сага в сагах.JS export function* getInfoSaga() { while (true) { yield take(mutations.GET_INFO); const url1 = `${url}/api/getInfo/1-100`; const logInfo = yield axios.get&...


Закрыть X