React - это библиотека JavaScript для создания пользовательских интерфейсов. Он использует декларативную компонентную парадигму и стремится быть одновременно эффективным и гибким.
Я задавал этот вопрос, используя более сложную версию этой базовой концепции Rel: Могут ли Generic JSX.Elements работать в Typescript
Я сузил его до основных элементов:
Это Object A, который берет параметры из TypeA.
type TypeA = {
label: string
value: number
}
const ObjA = ({ label, value }:Ty....
3 Фев 2022 в 12:27
Я создаю функцию onclick const showContent=(id)=>{}, и если я нажму соответствующую кнопку, они отобразят идентификатор в const showContent = (id)=>{console.log(id)}, как это .....
Внутри этого Cart.jsx я визуализирую CartStyle.jsx с использованием метода карты, поэтому эта кнопка удаления находится....
3 Фев 2022 в 12:14
Я хочу добавить несколько классов в div.
import style from "../layout/main.css";
<div className={style.root style.root-left}>
И это не работает
import "../layout/main.css";
<div className="root root-left">
У меня есть небольшой опыт работы с React. Второй подход - это то, что я обычно делаю в R....
Мне нужно передать параметр общей функции, когда мой дом загружен. Я не могу использовать useEfect в моем случае. Поэтому я создаю функцию для этого. Мне нужно проверить истинность некоторых параметров, и если это правда, я возвращаю true или возвращаю false.
export function validateUser(data) {
....
3 Фев 2022 в 11:48
У меня есть список объектов. Я хочу сделать вызов API после изменения поля местоположения объекта. Итак, для этого у меня есть useEffect, который имеет идентификатор, индекс и местоположение в качестве зависимостей. Я установил нулевую проверку для местоположения, если местоположение не пусто, я ....
3 Фев 2022 в 11:01
Привет, братаны, я делаю программу реагирования SPA, у меня есть вопрос.
const [storyIds, setStoryIds] = useState([]);
const list = [];
useEffect(() => {
Top_API().then((res) => {
this.res = res.data.slice(0, 3);
this.res.forEach((ele) => {
axios
.get("https://h....
3 Фев 2022 в 10:14
Я пытаюсь создать раздел, который показывает только 10 изображений для каждой категории, и я хочу вставить после этого кнопку и связать ее с остальными элементами, но как только я использую оператор if, некоторые категории вообще не отображаются, и я попытался использовать «useState», если ключ < 1....
3 Фев 2022 в 09:10
const [currentTime, setTime] = useState();
const [input, setInput] = useState({
title:"",
description:"",
time:currentTime,
});
function handleOnclickAdd(){
setTime(new Date().toLocaleTimeString())
}
Здесь, когда я делаю console.log(currentTime), показываю идеальный вывод, но ....
3 Фев 2022 в 09:02
Я пытаюсь отсортировать массив слов на основе массива индексов. Вот набор слов:
const animalArray = ['Wolf', 'Cat', 'Dog', 'Rabbit', 'Random']
Вот массив индексов, которые мне дали, которые соответствуют порядку, в котором должен быть массив животных выше:
const indexArray = [ 3, 0, 1, 2 ]
Итак,....
3 Фев 2022 в 08:37
Я создаю функцию поиска в своем приложении с помощью избыточности. Но это не работает, как ожидалось.
Мое начальное состояние выглядит так:
const initialState = {
//some other state data
locationSummaries: [],
}
Моя функция редуктора для обновления этого массива locationSummaries задается сл....
3 Фев 2022 в 08:33
У меня есть компонент таблицы React, в котором как компонент Column, так и компонент кнопки, отображаемый внутри столбца, запускают некоторую функцию. Пример таблицы:
<Table>
<Column onCellClick={handleCell}>
<button onClick={handleButton} />
</Column>
</Table>
Эти две ....
3 Фев 2022 в 08:16
У меня возникли проблемы с отображением статуса загрузки до выполнения longRunningCode. Я пытался сделать это асинхронным, но безрезультатно.
const [loadingStatus, setLoadingStatus] = useState(undefined);
const [myAction, setMyAction] = useState(undefined);
const longRunningCode = () => {
const ....
3 Фев 2022 в 06:55
5
React Router: TypeError Не удается прочитать свойства неопределенного (чтение «originalPositionFor»)
Привет, я новичок, начинаю работу с React Router и сгенерировал основные исходники с помощью create-react-app.
Когда я пытался настроить маршрутизатор в соответствии с руководством, я получаю ошибку TypeError. Я пытался уменьшить любой лишний код, который может вызвать проблему, пока не получил тол....
3 Фев 2022 в 05:16
Я создаю веб-сайт React.JS, и я не совсем уверен, как реализовать раздел JavaScript внутри моего html. В обычном HTML вы должны поместить скрипт в эти теги:
<Script></Script>
Но с реакцией.js
function App() {
return (
<div>
<button onlick='log()'>Log</button>
<script>
....
3 Фев 2022 в 01:38
Может кто-нибудь сказать мне, что я делаю неправильно? Я следовал учебнику, но я не могу заставить его работать. Он всегда говорит: «undefined не является объектом (оценка 'props.name')». Возможно, я пропустил что-то важное, но это похоже на код в руководстве (https://reactnative.dev/docs/props< ....
2 Фев 2022 в 22:53
Как я могу изменить цвет круга этого кругового прогресса MUI, я получил этот код на самой странице MUI, https://mui.com/components/progress/ (круговой с меткой), есть CodeSandBox, который позволяет изменять свойства.
(Я нашел аналогичный вопрос, посвященный Android, а не настольному компьютеру)
Я пр....
2 Фев 2022 в 22:50
В показанном ниже файле Users.jsx я заполняю таблицу данными, хранящимися в массиве userList. Я реализовал прослушиватель onClick в элементе ячейки данных таблицы, я хочу, чтобы функция Trigger вызывалась с информационным объектом щелкнутой строки. Или я хочу иметь доступ к данным щелкнутой строки....
2 Фев 2022 в 22:18
У меня есть переменная
const linkElement = `Hey this is a link ${<a href="www.google.com">Click me!</a>} that can be clicked}`
Это выглядит как Эй, это ссылка [Объект объекта], по которой можно щелкнуть.
Как я могу отобразить это как Эй, это ссылка, нажмите на меня! (при нажатии переходит на google....
2 Фев 2022 в 21:48
У меня есть 2 разных компонента, которые появляются на одном и том же URL-адресе (странице), и я хочу добиться того, чтобы при нажатии кнопки на компоненте A я попадал в расположение компонента B, которое находится на той же странице. Вот чего я хочу добиться с помощью базового HTML;
<a href="#link....
Я новичок в ReactJS и пытаюсь создать приложение с домашней страницей и страницей с информацией. Я хочу иметь возможность переключаться между двумя страницами, нажимая соответствующую привязку/ссылку на панели навигации. До добавления BrowserRouter и связанных элементов в мой код все отображалось ....
2 Фев 2022 в 21:29
Я пытаюсь создать приложение погоды с открытым API погоды. Существует проблема с первым вызовом, который мне нужно получить широту и долгота значения из первого API, чтобы сделать второй вызов API. Я пробовал async/await, но не могу получить правильную структуру этого кода для работы. Я также проб....
2 Фев 2022 в 21:16
Я использую API контекста и редуктора для управления состоянием и логики. Приведенный ниже код возвращает поставщика контекста, который вызывается в App.js. Почему не отображается компонент?
SingerState.js
import React, { useReducer } from "react";
import SingerContext from "./singerContext";
imp....
2 Фев 2022 в 20:56
Как получить ширину строки или контейнера сетки начальной загрузки в пикселях с помощью javascript.
Я использую aurelia для javascript, но код может быть в стандартном js (пожалуйста, не jquery).
Я пытался найти это на веб-сайте начальной загрузки, но я все еще запутался, потому что есть несколько и....
2 Фев 2022 в 19:55
Я создаю пользовательский компонент маршрутизатора для перенаправления в случае отсутствия некоторых параметров:
const StateParamRoute = (props: any) => {
...
return stateParam ? <Route {...props} /> : <Redirect to="/error" />;
};
Затем я использую его как:
<BrowserRouter>
<Switch>
<State....
2 Фев 2022 в 19:43
Я ввожу марки автомобилей в поле ввода, которое затем сохраняется под текстовым полем в списке, нажав кнопку «Сохранить». Другой мой компонент «Информация» должен установить текстовый div для отображения строки, когда в списке более 5 элементов.
Я делаю это без классов, и мне нужно использовать ком....
2 Фев 2022 в 19:39