Публикации по теме 'react-jsx'


Что такое JSX?
JSX похож на HTML, но это не HTML. Это расширение синтаксиса для JavaScript, что означает, что оно компилируется в обычный код JavaScript с помощью транспилятора babel перед выполнением в браузере. Он был разработан Facebook как способ упростить разработчикам создание пользовательских интерфейсов (UI) с использованием React, библиотеки JavaScript для создания пользовательских интерфейсов. const element = ( <h1 className='greeting'> Hello JSX </h1> ) Приведенный выше..

Обработка состояния и свойств в React без хуков
Обработка состояния в React — один из моих любимых аспектов фреймворка! Понимание того, что такое состояние и как передавать его от компонента к компоненту, — один из важных способов, которыми React упрощает веб-разработку. this.state = {} Что такое состояние? Состояние — это текущее значение определенного объекта JavaScript. Когда вы создаете компонент в React, вы можете определить состояние нескольких объектов JS, а затем изменить их позже с помощью некоторой магии JavaScript!..

Вопросы по теме 'react-jsx'

Как решить jsx precompile и React dev-tool в chrome
Я пытаюсь научиться писать реакцию. Но когда я пишу первый компонент с помощью Chrome, инструмент разработчика Chrome показывает сообщение Download the React DevTools for a better development experience Я уже установил React DevTools из...
1034 просмотров

ReactJS: componentWillReceiveProps вызывается при изменении состояния?
Я пытаюсь решить сценарий, в котором родитель будет включать модуль, и при нажатии кнопки внутри родителя появится модуль. Теперь в модуле будет кнопка закрытия, нажатие на которую скроет модуль. При следующем нажатии родительской кнопки модуль...
1715 просмотров
schedule 21.08.2022

поток кода в Rackt React Router
Мне трудно понять поток реакции-маршрутизатора ( https://github.com/rackt/react-router ). Если у меня есть 2 файла: route.js, app.js (компонент входа), как показано ниже: var Router = require('react-router'); var Route = Router.Route; var...
169 просмотров

Использование React.findDOMNode в TypeScript
Я следую учебнику React и застрял в том, как использовать React.findDOMNode . Вот мой код: export class CommentForm extends React.Component<{}, {}> { handleSubmit(e: React.FormEvent) { e.preventDefault();...
8982 просмотров
schedule 04.07.2022

Ошибка Babel: значение JSX должно быть либо выражением, либо текстом JSX в кавычках
Я получаю сообщение об ошибке от Babel при попытке скомпилировать мой код JSX в JS. Я новичок, чтобы реагировать, поэтому извиняюсь, если это очевидная проблема, я не смог найти ничего об этом, что казалось бы связанным. Я пытаюсь использовать...
41389 просмотров
schedule 25.10.2023

REACT - defaultChecked не отображать атрибут проверки при второй загрузке
У меня есть компонент, который не будет проверять радио, когда я во второй раз захожу в /view/:id. Я начал в своем компоненте списка с реактивным маршрутизатором по индексу сайта, я нажимаю кнопку просмотра элемента, радио проверяется, я возвращаюсь...
5134 просмотров

Как использовать Facebook Relay в приложении React, написанном на TypeScript (TSX)?
Я хочу написать новое веб-приложение на React , которое использует Relay для связи с GraphQL сервер. Недавно была введена поддержка JSX для TypeScript . Но на DefinitelyTyped нет файла объявления типов (.d.ts) для Relay. Как я могу...
1991 просмотров
schedule 28.04.2024

Преобразование только JSX
Поддержка ES6 улучшается ( https://kangax.github.io/compat-table/es6/ ), и следующая версия Chrome, похоже, поддерживает больше, чем может Babel. Как можно было бы изменить цепочку инструментов, чтобы преобразовать только JSX. Прямо сейчас Babel...
177 просмотров
schedule 05.02.2024

Обновления в моем приложении React не учитываются на сервере разработки Webpack
Я пытаюсь настроить среду для своего приложения React, используя Webpack и Babel. Я использую JSX для реализации компонентов, и я хотел бы использовать перезагрузку в реальном времени. Вот мой package.json файл: { (...) "scripts": {...
1036 просмотров

автозаполнение css в файле javascript (редактор атома)
Я использую React, и мне очень нравится тот факт, что я могу писать встроенный стиль прямо в свой файл javascript. Однако автозаполнение css, похоже, не работает в редакторе Atom. Оно отлично работает с файлом «.css», а не с файлом «.js». Есть ли...
477 просмотров

Если установлен атрибут true, в противном случае установите className в JSX.
У меня есть кнопка в моем компоненте, которая должна быть отключена, если статус элемента принят, в противном случае должен быть добавлен класс успеха начальной загрузки. Проблема, с которой я сталкиваюсь здесь, заключается в том, что disabled -...
520 просмотров
schedule 01.10.2022

ReactJS: как определить, просматривается ли приложение в мобильном или настольном браузере
Есть ли в ReactJS способ определить, просматривается ли веб-сайт на мобильном или настольном компьютере? Потому что в зависимости от того, на каком устройстве я хотел бы рендерить разные вещи. Спасибо
51213 просмотров
schedule 02.01.2024

Заменить символ в массиве и вернуть результат в тот же массив
Я извлекаю некоторые данные из службы REST. Данные сохраняются в this.props.message . В this.props.message мне нужно заменить все "." с "," в offerRate , prevRate и rate , а затем сохраните данные обратно в this.props.message ....
85 просмотров

componentWillReceiveProps не срабатывает
В других моих классах componentWillReceiveProps работал хорошо, но по какой-то причине здесь он не срабатывает. ItemView.jsx class ItemView extends React.Component { constructor(props) { super(props); this.state = {...
35455 просмотров
schedule 12.07.2022

React использует тот же компонент
Это немного странно, потому что я не исключал ReactJS, чтобы использовать один и тот же компонент снова и снова, когда я создаю новый динамический компонент! render() { let allPopups = this.props.popups; let popup; if (allPopups.length...
54 просмотров
schedule 17.08.2022

Реакция на разделение трансклюзии
Я хочу, чтобы дочерние компоненты влияли на дочерние компоненты своего родителя. Ощутимо: я хочу, чтобы мои компоненты контента могли внедрять компоненты в элементы заголовка и боковой панели, которые предварительно определены. Маршрутизатор:...
113 просмотров
schedule 29.01.2024

React Meteor не может передать реквизит
Поэтому я пытался научиться реагировать и создавать приложения. Поскольку это мое первое настоящее погружение в этот материал, я могу упустить что-то очень простое. Полный код можно найти по адресу https://github.com/Afro523/MineralID-Meteor . ....
158 просмотров

Условные обозначения в tsx-файлах (React + TypeScript)
Мы некоторое время использовали React и jsx, а для условий мы использовали операторы управления jsx, которые мне очень нравятся: <If condition={something === true}> <div>Something</div> </If> Недавно наш проект...
1921 просмотров
schedule 06.10.2023

Как использовать реквизит «данные-», переданный в класс React?
Учитывая следующее в моем вызывающем компоненте JSX: <CoolThing data-itemx="Corduroy" data-itemy="Pancakes" /> Я хочу иметь возможность использовать эти строки в моем классе CoolThing . class CoolThing extends Component {...
38 просмотров
schedule 09.10.2022