React - это библиотека JavaScript для создания пользовательских интерфейсов. Он использует декларативную компонентную парадигму и стремится быть одновременно эффективным и гибким.
Мой текущий проект позволяет пользователю вводить заголовок и описание и отправляет соответствующее действие. Кажется, он работает нормально, поскольку он отображает CREATE_POST_REQUEST, за которым следует CREATE_POST_SUCCESS с вновь созданным объектом сообщения, возвращенным из вызова API. Однако....
8 Июн 2021 в 21:42
В настоящее время у меня есть такой проект:
Я пытаюсь сделать так, чтобы при нажатии на иконку корзины покупок и переходе в корзину иконка корзины пропадала. Однако, когда я пытаюсь написать логику для location.pathname, она заканчивает тем, что удаляет значок корзины покупок на самой странице про....
8 Июн 2021 в 21:41
Мой первый день создания чего-то с React + TS.
Я пытаюсь использовать «словарь» для преобразования одной строки в другую.
import { eventDictionary } from '../utils/eventDictionary'
type Props = {
id: string
type: string
}
const GameCard: React.FC<Props> = ({id, type}) => {
return (
....
8 Июн 2021 в 20:27
Мой app.js выглядит так:
export default function App() {
return (
<BrowserRouter>
<Switch>
<Route path="/auth" component={AuthenticationLayout} />
<Route path="/dash" component={DashboardLayout} />
<Route exact path="/" render={() => (
<Redirect to={Aut....
8 Июн 2021 в 20:27
Я пытаюсь научиться пользоваться хуками
Я визуализирую список массива, удаляем первый элемент onclick, состояние обновляется в этой функции handleclick, но не отображается
export default function App() {
const [name, setName] = useState("");
const [arry, setArry] = useState([1, 2, 3, 4, 5]);
....
8 Июн 2021 в 19:40
Как получить значение настраиваемых атрибутов с помощью перехватчиков реакции?
Вот пример кода в изолированной программной среде: живая демонстрация
Код
import "./styles.css";
import React, { useState } from "react";
export default function App() {
const [value, setValue] = useState("");
ret....
8 Июн 2021 в 19:12
Я пытался понять, как использовать тосты, но не смог, поэтому мне нужна помощь. Есть ли причина, по которой использовать реактивную загрузку вместо обычной начальной загрузки? Я начинаю думать, что не могу использовать все функции обычного бутстрапа в React.....
8 Июн 2021 в 18:31
Я пытаюсь циклически перебрать свои данные, которые я возвращаю после вызова API. Если я использую фиктивные данные в массиве, он будет нормально работать. Но как только я пытаюсь разместить свои данные api на их месте, они просто показывают все элементы сразу, а не по очереди. Я console.log(item....
8 Июн 2021 в 18:08
У меня ниже массив объектов с vertical в виде строки и projects в виде массива объектов внутри него. projects тоже может быть пустым. Каждая запись projects, если она не пуста, будет иметь свойства name и releaseType.
[
{
"vertical": "Alpha",
"projects": [
{
"name": "Test",....
8 Июн 2021 в 17:49
Я хочу создать компонент кнопки (как в примере, но я спрашиваю об этом в общем случае), я хочу создать три состояния кнопки: первичный, вторичный и третичный.
export interface ButtonProps {
primary?: boolean;
secondary?: boolean;
tertiary?: boolean;
};
export const Button: React.FC<Butt....
8 Июн 2021 в 17:43
Почему приведенный ниже код не вызывает повторного рендеринга даже при изменении состояния?
constructor(props) {
super(props);
this.state = {
counter: 1
};
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
this.setState(previousState => {this.state.cou....
8 Июн 2021 в 17:28
У меня есть два массива, как
const arr1=[{id:0,name:'aa',
userId:'22,23'},
{id:1,name:'bb',userId:'23'}]
const arr2=
[{id:22,username:'Peter'},
{id:23,username:'John'}]
arr1.map((val,k)=><div>
<p>val.userId</p>
</div>
Я получаю вывод как
22,23
23
Как получить такой вы....
8 Июн 2021 в 16:46
У меня проблема с сбросом моего Form после того, как я его отправлю. Я пытался сделать что-то вроде document.getElementById("formularz").reset(), но это не работает, как и выполнение в конце handleOnSubmit таких вещей, как: event.target.title="". Он сбрасывает поля, но когда я начинаю писать новы....
8 Июн 2021 в 15:19
Как я могу всегда получать одну и ту же часть URL-адреса в реакции?
Пример: http: // localhost: 3000 / supplier / 924511e8-9056-4c1e-9976-625bf042924e
Мне нужен только «поставщик», но это может быть что угодно. Так что это может быть: http: // localhost: 3000 / product / 924511e8-9056-4c1e-9976-625....
8 Июн 2021 в 09:58
Мне нужно отображать атрибут метки на входе Formik, только когда размер экрана меньше определенного размера экрана. Для этого мне нужно условно отобразить атрибут метки.
Есть ли более элегантный (сухой?) Способ сделать это вместо этого:
if (smallScreen) {
<Input
label="Unit"
typ....
Допустим, я хочу разделить свой screens/LoginScreen.js на отдельные компоненты для удобства чтения (не обязательно для повторного использования) - как мне к этому подойти?
Могу ли я создавать компоненты внутри папки экранов?
// EG
screens/LoginScreen.js
screens/LoginScreenComponentA.js
screens/Login....
8 Июн 2021 в 08:22
Я работаю над проектом React, так как у меня есть кнопка, когда я нажимаю кнопку, мне нужно применить margin-bottom: 100px. Я пытаюсь добиться этого, но он показывает некоторую ошибку, поэтому помогите мне решить эту ошибку.
Это мой код
import React, { useState } from 'react';
import './App.css';
....
8 Июн 2021 в 07:51
Я создал страницу регистрации для своего веб-приложения с помощью React. Вот мой код для компонента регистрации -
import React, { useState } from 'react';
import { Avatar, Button, Paper, Grid, Typography, Container } from '@material-ui/core';
import axios from "axios";
import useStyles from './sty....
8 Июн 2021 в 06:35
У меня проблемы с обновлением моего состояния и моего компонента. После нажатия кнопки я изменяю значение одного из свойств всплывающего компонента. Значение реквизита не обновляется. Я считаю, что это один из побочных эффектов использования setstate. Я провел небольшое исследование и увидел, чт....
8 Июн 2021 в 06:13
На нагрузке я получаю ошибки: Неудачный тип опоры: опора url помечается как требуется в Sound, но его значение undefined Неудачный тип опоры: опора playStatus помечается как требуется в Sound, но его значение undefined В основном все свойства REF названного «звука» не применяются к звукообъекту.
....
8 Июн 2021 в 02:47
У меня есть это изображение
изображение Корана
И я хочу, чтобы это было примерно так
Коран образ темный
Возможно ли это сделать в React Native....
8 Июн 2021 в 01:05
У меня есть App.js и функциональный компонент «загрузка». Я определил «Custid» в App.js и хочу передать его на компонент загрузки. Вот моя попытка:
App.js :
export default class App extends Component {
state = {
userrole : '',
userid : ''
};
componentDidMount() {
if(localStorage....
7 Июн 2021 в 23:23
Это мой index.js
ReactDOM.render(
<div>
<Home />
<App />
</div>,
document.getElementById('root')
)
App.js для всех маршрутов в приложении
function App() {
return(
<Router>
<Switch>
<Route path="/cpu" exact component={Info}/>
</Switch>
</Rou....
7 Июн 2021 в 21:38
Я создаю простое приложение React для моего обучения. Так что я своего рода начинающим в реакции. Я сталкиваюсь с одной проблемой, которая не обновляет мое значение ввода поля всякий раз, когда я что-то печатаю. Он удерживает то, что идет от API.
Вот мой код.
import React, { useState, useContext, us....
7 Июн 2021 в 19:49
Я пытаюсь разработать заголовок для проекта, через который я учусь реагировать с SASS. Заголовок выглядит следующим образом:
Теперь, когда я париюсь над кнопкой «Войти», возникает следующая проблема:
Проблема может быть не понятной, но когда я завис на кнопку входа, все другие элементы смещаются....
En Español