Публикации по теме 'react-props'
ReacType 14.0 Разработчики Для разработчиков
ReacType — это настольный инструмент прототипирования для создания кода приложения в интерфейсе перетаскивания. Он автоматически создает код в JS, Next JS или Gatsby на основе того, что вы создали в песочнице. Этот код в выбранном вами формате можно экспортировать и вставить прямо в ваш любимый редактор кода. Затем вы добавляете детали. Это так просто, что позволяет разработчику создавать прототипы приложений и не тратить время на воссоздание базы кода с нуля. ReacType.io
React..
Передача реквизита в React.js
Когда я впервые запустил React, я столкнулся с проблемой, когда неправильно понял, как информация передается другим компонентам и как данные из разных компонентов взаимодействуют друг с другом. В общем, полезно помнить, что родитель должен передавать реквизиты своему дочернему элементу. Имейте это в виду…
В этом примере My App.js просто хочет отобразить дочерний компонент Home .
Чтобы сделать наш компонент Home более динамичным, мы можем передать ему реквизиты, а..
Реакция: управление данными
В React есть два способа обработки данных: один — реквизит, а другой — состояние. Когда люди впервые узнают об этих двух способах обработки данных в React, они могут запутаться, когда и где их использовать. Реквизиты позволяют передавать данные из родительского компонента в дочерний компонент.
Родительский компонент
В родительском компоненте мы передаем свойство (реквизит) с именем lastName дочернему компоненту, позже мы рассмотрим props.address. Дочерний компонент будет иметь..
Вопросы по теме 'react-props'
PropTypes в функциональном компоненте без сохранения состояния
Как мне использовать PropTypes в функциональном компоненте реакции без сохранения состояния без использования класса?
export const Header = (props) => (
<div>hi</div>
)
57821 просмотров
schedule
02.07.2022
Реагировать: получить необработанный jsx от дочерних элементов в ParentComponent
Можно ли получить настоящий «сырой» текст jsx , обернутый компонентом Parent (например, из props.children )?
Учитывая этот компонент:
<Parent>
<Child name={'test'} />
</Parent>
вопрос:
В Parent.js могу ли я...
120 просмотров
schedule
09.12.2022
Событие onclick в React.js: не удается прочитать свойства свойства undefined
Я новичок в системе React Framework, поэтому мой вопрос может показаться многим из вас базовым. Но поверьте мне, я застрял в этой части. Я пытаюсь получить значение текстового поля при нажатии кнопки и отправить значение другой функции в качестве...
6700 просмотров
schedule
22.06.2022
Я пытаюсь изменить состояние родительского компонента из дочернего компонента на основе рендеринга данных в дочернем
Я пытаюсь изменить состояние своего родительского компонента на основе данных, поступающих через дочерний компонент. Я не могу понять, как изменить родителя без кнопки. this.state.rows в дочернем элементе поступает из базы данных, и я хочу изменить...
44 просмотров
schedule
04.04.2023
Передача реквизита в реагирующих рельсах и установка ссылок
Я пытаюсь создать простой бэкэнд rails и реагировать на внешнее приложение для блога. Все шло хорошо, пока я не начал редактировать действие, когда пытался отредактировать сообщение. Я не могу установить propTypes и использовать ссылки в форме. Я...
768 просмотров
schedule
12.09.2022
измененное значение не отображается в Dom
Я изучаю React, в своем тестовом приложении я создаю 2 одинаковых набора случайных цветных массивов, которые будут перемешиваться и менять цвет каждый раз, когда я нажимаю кнопку «изменить цвет». однако я не могу заставить Dom обновлять цвета моего...
41 просмотров
schedule
10.04.2022
Nativebase: изменить размер эскиза по умолчанию
Я не могу изменить размер миниатюры по умолчанию из NativeBase. Я могу отобразить круг по умолчанию, который является маленьким и большим, но я хочу отобразить круг большего размера, чем размер по умолчанию. Вот мой код для миниатюры:...
6077 просмотров
schedule
18.05.2022
Как передать реквизит для изображения, хранящегося локально, в react-native
Я попытался передать опору для «требовать» в теге IMAGE реактивного компонента. Но он показывает ошибку «Ошибка кода сервера 500». То же самое, если я передаю ссылку, используя URI, она работает с реквизитом.
Работающий :
<Image...
494 просмотров
schedule
07.07.2023
Состояние доступа родительского компонента в дочернем компоненте?
Я новичок в реагировании на js, и мне нужно получить состояние компонента для доступа к другому классу, я столкнулся с этой проблемой, потому что использую атомарный дизайн, потому что запись всего в одном компоненте становится проблемой, вот мой...
2336 просмотров
schedule
31.12.2022
Конструктор дочернего компонента вызывается несколько раз
У меня есть родительский компонент, который представляет собой плоский список, содержащий заголовок HeaderComponent . Этот HeaderComponent - созданный мной пользовательский компонент, который содержит два собственных дочерних компонента. Каждый...
6342 просмотров
schedule
18.09.2022
Компонент React получает неправильное значение свойства
У меня есть модальный компонент и компонент формы. Modal — это функциональный компонент, тогда как Form — это компонент класса, потому что именно там я обрабатываю отправку формы.
Modal [родительский] передает все свои реквизиты в Form. В объекте...
1372 просмотров
schedule
13.04.2023
Компонент приложения ReactDidMount рендерится дважды
У меня есть простое приложение для реагирования, в котором есть логин, который получает веб-токен Json при успешной аутентификации и передает его компоненту-близнецу (членам), который в своем компоненте componentDidMount использует этот JWT для...
3896 просмотров
schedule
09.04.2023
Получить значение состояния по умолчанию, получив данные реквизита — React
Я новичок в react.js . Я хотел бы получить значение состояния following_status по умолчанию, получив props.user.following_status .
Я передаю пользовательский объект ( user = { following_status: 'following', id:123 } ) компоненту...
988 просмотров
schedule
28.04.2023
Невозможно получить реквизит во время тестирования с помощью Jest Enzyme React
Мой код компонента:
import React from 'react'
export default class InfoViewComponent extends React.Component {
constructor (props) {
super(props)
this.toggle = this.toggle.bind(this)
this.state = {
counter: 1,
activeTab:...
271 просмотров
schedule
24.03.2023
Автоматически получать новый токен после истечения срока его действия
Итак, здесь я делаю запрос на получение токена API, который после этого использую в функции входа в систему. Срок действия этого токена истекает через час, из-за чего веб-сайт перестает работать. Я хочу автоматически получить новый токен через час,...
484 просмотров
schedule
16.03.2023
TypeScript и React: передать компонент в реквизитах и вернуть его из функции
Я пишу компонент формы с помощью React и TypeScript. Я использую Formik для логики формы. Я хочу передать компоненту <Form /> определенную форму в качестве опоры и визуализировать ее. Вот что я пробовал:
import { Formik, FormikProps }...
8507 просмотров
schedule
10.05.2022
Передача источника изображения в компонент
У меня есть файл main.js, который вызывает компонент Home, например
<Home width = {width} }/>
И мой домашний компонент имеет изображение вроде
class Home extends Component{
render(){
return(
<View style =...
363 просмотров
schedule
28.09.2022
Предназначено ли состояние реакции для использования в определенном компоненте?
Следует ли использовать состояние компонента React в компоненте, в котором оно определено? Я столкнулся со сценарием, когда состояние компонента обновляется двумя разными компонентами и передается в качестве опоры своему дочернему элементу. Но...
53 просмотров
schedule
20.12.2022
Функциональные компоненты внутри компонентов класса
В настоящее время у меня есть компонент класса, который содержит функции, которые действуют как компоненты в моем JSX.
Пример:
class MyComponent extends React.Component {
MySubComponent = (props) => {
if (props.display) {...
17911 просмотров
schedule
20.10.2023
Тип '{}' нельзя присвоить типу 'IntrinsicAttributes & DropdownProps & Props &
Я использую React on Rails | Webpackaer | машинописный текст: «^ 2.8.1».
У меня есть компонент высокого порядка, который принимает компоненты, вводит в него несколько реквизитов и возвращает их:
export type HCProps = {
isValid: boolean,
};...
389 просмотров
schedule
09.04.2023
