Публикации по теме 'react-props'
Передача элементов в качестве реквизита в React
Золотая середина между взрывом реквизита и рендерингом реквизита
В этой истории мы увидим простую технику, которая позволяет вам писать удобные настраиваемые компоненты с простыми API, просто используя базовые строительные блоки React: элемент .
По моему опыту, опытный программист на React естественным образом использует эту технику, но новичку сложно ее понять. Если вы первый, я не буду тратить ваше время зря. Эта история для последних.
реквизит взрыва? А?
Под «взрывом» props..
Как разрешить дочернему компоненту получать доступ и изменять состояние родителя в React
Эта статья первоначально появилась на https://vahid.blog .
Допустим, ваше приложение React имеет интеллектуальный компонент (т. е. компонент имеет свое собственное состояние), и вы хотите, чтобы дочерний компонент мог не только получать доступ, но и фактически изменять состояние этого родительского компонента.
Как вы можете дать дочернему компоненту эту функциональность?
Определите эту функцию изменения состояния в родительском компоненте. Передайте эту функцию дочернему..
Состояние против реквизита в React
Что такое государство? Что такое реквизит? Насколько они разные? Как они связаны? Когда вы должны использовать состояние и когда вы должны использовать реквизит?
Как новичок в React, эти вопросы могут быть трудными и, мягко говоря, запутанными. Давайте посмотрим, что может сказать по этому поводу старый добрый Stack Overflow.
Реквизит и состояние связаны. Состояние одного компонента часто становится реквизитом дочернего компонента. Реквизиты передаются дочернему элементу в методе..
Что такое «реквизит» в React?
«Реквизит» — это специальное ключевое слово в React. Реквизит используется для передачи данных компоненту.
В то время как реквизит используется как переменная в компоненте, мы можем использовать объект реквизита для компонентов.
Prop — это объект JavaScript, внутри которого содержится имя и переменная свойства.
Благодаря свойствам мы можем передавать значения между компонентами.
Компонент 1:
import react from 'react';
import Users from './Users';
function Counter() {..
React’s props.children уменьшает дублирование CSS
Одна из рекомендаций при стилизации приложения React — иметь отдельный файл CSS для компонентов. Многие компоненты могут иметь схожие стили, что может привести к дублированию кода CSS, что не очень хорошо для удобства сопровождения. В этой статье рассказывается, как использование props.children может помочь решить эту проблему.
Что нужно решить
Вот пример двух компонентов React: ToDoList и ToDoItem
Оба компонента имеют схожий стиль, то есть закругленные углы и тени...
Вопросы по теме 'react-props'
Реагировать на передачу нового реквизита
Поэтому я обновляю свое состояние в компоненте, а затем передаю новые реквизиты дочернему элементу, но дочерний элемент не обновляется правильно, и значение по умолчанию ввода не меняется. Сначала я подумал, что это может быть из-за того, что я...
2877 просмотров
schedule
02.06.2022
Возникли проблемы с асинхронным получением состояния в дочернем компоненте React
У меня действительно забавная проблема с получением и отображением информации из состояния моего приложения React в только одном вложенном дочернем элементе.
То, что я пытаюсь сделать, похоже на это руководство по рекурсивному маршрутизатору...
44 просмотров
schedule
08.12.2022
Маршрутизатор REACT не может получить доступ к параметрам при использовании render()
Я новичок в редуксе, я создал маршрут для перехода на страницу редактирования пользователя, а также хочу передать хранилище и историю в качестве реквизита, используя приведенный ниже код.
<Route path="/edit/:id" render={({history}) => (...
626 просмотров
schedule
24.02.2023
forEach () в React JSX не выводит HTML
У меня есть объект, который я хочу вывести через React:
question = {
text: "Is this a good question?",
answers: [
"Yes",
"No",
"I don't know"
]
}
и мой реагирующий...
251070 просмотров
schedule
29.05.2022
Компонент React-native const не получает реквизит?
Исходя из React, я думал, что передача реквизита была такой же, видимо, это не так?
У меня есть форма входа, в которой я хотел бы иметь кнопку входа и подписки с другим стилем.
В моей форме входа у меня есть следующий метод:
renderButton...
829 просмотров
schedule
26.06.2022
Как установить реквизиты для состояния в компоненте в моем случае?
Я изучаю React и создаю приложение для себя, чтобы следить за своей учебой. Все работает нормально.
В моем приложении у меня есть компонент на основе класса, в котором я должен передавать реквизиты в состояние. Тем не менее, я узнал, что я...
860 просмотров
schedule
11.05.2024
Передайте путь к локальному изображению в качестве опоры между двумя функциональными компонентами.
Я работаю над проектом в React-Native, где у меня возникают проблемы с пониманием того, как реквизит работает между функциональными компонентами. Мое требование состоит в том, чтобы создать повторно используемый компонент кнопки, где я могу просто...
7650 просмотров
schedule
12.07.2022
Как вызвать метод prop компонента несколько раз при начальном рендеринге в React Native?
Я использую компонент повестки дня в react-native-calendars. В настоящее время мой компонент календаря выглядит так.
const renderItem = item => <CalendarEvent item={item} />;
const Calendar = (props, context) => {
const theme =...
62 просмотров
schedule
04.03.2023
Как я могу передать реквизит из компонента A в C, когда между ними есть B?
Мне нужно передать некоторые реквизиты моему дочернему компоненту, но у меня есть tabNavigator между файлом, содержащим реквизиты, и файлом, который получит реквизиты.
Пример:
Home.js: (это компонент, который содержит реквизиты)
export...
42 просмотров
schedule
27.06.2022
Как получить доступ к состоянию в defaultProps компонента в Reactjs
Мне нужно получить состояние компонента, к которому будет обращаться defaultProps класса, вот мой код:
class Headcomponent extends React.Component {
constructor(props) {
super(props);
this.state = {
email: '',...
1374 просмотров
schedule
02.11.2022
React Navigation - доступ к свойствам навигации из настраиваемого компонента заголовка
Я изучаю возможности React Navigation при использовании настраиваемых заголовков. Прямо сейчас я застрял, пытаясь получить доступ к navigation.props из компонента CustomHeader. Как я могу получить доступ к navigation.props, например .goBack (), с...
580 просмотров
schedule
01.03.2023
Redux connect не вызывает mapStateToProps или mapDispatchToProps при начальной загрузке
Во время отладки я нажимаю следующую функцию подключения withRouter, но не нажимаю mapStateToProps или mapDispatchToProps. Я не вижу ошибок в консоли, но поскольку mapStateToProps не вызывается, я не вижу значений из моего хранилища в свойствах....
354 просмотров
schedule
12.02.2023
Как сделать вызов API при изменении реквизита?
Я создаю клон hackernews, используя это API
Это моя структура компонентов
-main
|--menubar
|--articles
|--searchbar
Ниже приведен блок кода, который я использую для получения данных из внешнего API....
2814 просмотров
schedule
05.06.2023
This.props.history не определен, если вызывается из дочернего компонента
Я пытаюсь проверить ответы внутри родительского компонента. Функция validateAnswer запускается и работает почти так, как должна.
Но я хочу изменить сайт, если он был проверен. Поэтому я вызываю this.props.history.push из родителя. И это дает...
1931 просмотров
schedule
07.07.2022
Могу ли я использовать условные выражения в Stack Navigator?
Я новичок в этом, поэтому я хочу понять, могу ли я использовать условные выражения if и else внутри параметров навигации.
Итак, до Stack Navigator я использовал следующий код внутри app.js
render() {
var renderMainView = () => {...
654 просмотров
schedule
23.02.2023
Отсутствует в проверке реквизита
Я использую линтер для этого кода.
import React, { Component } from 'react';
import { Modal, ModalHeader, ModalBody, ModalFooter } from
'reactstrap';
import PropTypes from 'prop-types';
export default class Sumo extends Component {
render() {...
561 просмотров
schedule
02.07.2023
React app componentDidMount не получает реквизиты от родителя
Я пытаюсь передать реквизиты родительского компонента дочернему компоненту, и хотя он вызывается дважды (не знаю почему, componentDidMount должен вызываться только один раз), реквизиты кажутся пустыми.
Родительский компонент:
class Members...
8161 просмотров
schedule
11.07.2023
Почему дочерний компонент React.js не обновляет стили, полученные из реквизита? (стилизованные компоненты)
Я новичок в react.js, и я пытаюсь понять условный стиль в зависимости от реквизитов, передаваемых из родительских компонентов.
Я пытаюсь создать кнопку, которая имеет различия в стиле в зависимости от того, является ли значение «отключено» истинным...
371 просмотров
schedule
07.02.2023
Передать функцию реквизитами в реагирующем маршрутизаторе
Я знаю, как передавать реквизиты в реагирующий маршрутизатор, например, тип string . Но у меня проблема, когда я пытаюсь передать реквизиты функции. В моем дочернем компоненте этот реквизит равен "undefined" .
Пример моей ссылки:
<Link...
4947 просмотров
schedule
30.11.2023
Как передать реквизит как null в реакции?
у меня загадка.
У меня есть текст, который я хочу переключить в компоненте.
в основном true => tick и false => untick , но я хочу 3-й сценарий, в котором я не хочу отображать текст
если я не передам свойство этому компоненту, оно...
1449 просмотров
schedule
10.09.2022