Публикации по теме 'react-jsx'
Компоненты в React
Когда я впервые столкнулся с миром кодирования, моим способом работы было выражение If Else и размещение всего кода на одной странице, и я предполагаю, что многие другие начинали с того же… утомительный путь.
Поначалу кажется, что нет проблем с размещением всего кода на одной JS-странице, но по мере того, как ваши десять строк превращаются в тридцать, а затем в сто и так далее, вы понимаете, что это чрезвычайно трудно организовать или найти что-либо, а тем более читать..
Вопросы по теме 'react-jsx'
React.js: возможно ли создавать дочерние компоненты пространства имен, но при этом использовать JSX для ссылки на них?
Итак, скажем, у меня есть компонент с именем ImageGrid , и он определен, как показано ниже:
window.ImageGrid = React.createClass({
render: function() {
return (
<div className="image-grid">...
6338 просмотров
schedule
08.05.2024
Компонент не отображается
Я новичок, чтобы реагировать, и я пытаюсь что-то построить, чтобы изучить его концепции.
Я создал несколько компонентов реакции, но не могу понять, почему мой компонент Post не отображается после успешного выполнения запроса JSON.
примечание:...
371 просмотров
schedule
13.07.2023
Использование onBlur с JSX и React
Я пытаюсь создать функцию подтверждения пароля, которая отображает ошибку только после того, как пользователь покидает поле подтверждения. Я работаю с Facebook React JS. Это мой входной компонент:
<input
type="password"...
134392 просмотров
schedule
06.05.2022
Как я могу вызывать методы компонентов Reactjs в консоли браузера или из внешнего скрипта?
Я создаю компонент карты листовки, вот пример на plunker
http://plnkr.co/edit/LkghwOcby49XESdGb782?p=preview
вот код
листовка.jsx
/** @jsx React.DOM */
/*jshint indent: 2, node: true, nomen: true, browser: true*/
/*global React */
'use...
26361 просмотров
schedule
14.07.2023
Нарушение инварианта в React Render ИЛИ правильный способ итерации и возврата в React
Я сталкиваюсь с постоянными проблемами в своих рендерах React.
Этот код
/** @jsx React.DOM */
var AnswerRows = React.createClass({
componentDidMount: function() {
},
render: function() {
{this.props.answers.map(function(answer, i) {...
23500 просмотров
schedule
31.12.2022
Как загрузить модули npm с файлами, отличными от js, в метеоре
Я пытаюсь упаковать модуль npm для реакции материала-ui для метеора, но всегда получаю сообщение об ошибке для тегов jsx, содержащихся в файлах jsx.
material-ui/src/js/app-bar.jsx:31
W20141121-19:42:18.097(1)? (STDERR) if (this.props.title)...
148 просмотров
schedule
14.02.2023
Реагировать на компонент рендеринга, используя его имя
Я экспериментирую с React.js, и он работает очень хорошо. Мне интересно, можно ли вводить классы в другие классы следующим образом:
var Container = React.createClass({
render: function() {
<{this.props.implComponent}/>
}
});...
9256 просмотров
schedule
20.07.2022
Принимает ли атрибут className роль атрибута id в Reactjs?
Поскольку атрибуты id редко используются в компонентах Reactjs из-за того, что атрибуты id подразумевают, что компонент не будет повторно использоваться, то используются ли атрибуты className вместо id? Если это так, то что такое Reactjs-эквивалент...
33324 просмотров
schedule
14.11.2022
Синтаксис JSX/JavaScript в Chrome
Это действительно глупо, но у меня возникла проблема с Chrome (отлично работает в Firefox) с этим синтаксисом, заимствованным из примера в компоненте react-dnd (ссылка:...
2930 просмотров
schedule
07.11.2022
Рендеринг компонента React на основе его имени
Контекст: я разрабатываю веб-приложение на основе виджетов (например, несуществующий iGoogle, где пользователи могут выбирать, какие виджеты они хотят отображать). Каждый виджет является компонентом React.
Упрощенный пример: вот 2 разных виджета...
3919 просмотров
schedule
14.11.2022
Имя динамического компонента React / JSX
Я пытаюсь динамически отображать компоненты в зависимости от их типа.
Например:
var type = "Example";
var ComponentName = type + "Component";
return <ComponentName />;
// Returns <examplecomponent /> instead of...
165947 просмотров
schedule
15.05.2023
Как объединить компоненты JSX в React Native
Например, я хочу показать список имен. Итак, я хотел сделать что-то вроде этого:
var returnValue;
for (eachName of _names) {
returnValue += (
<TouchableHighlight
onPress={() => this._onPressButton}>
<Text>...
36565 просмотров
schedule
10.02.2023
Как запустить демонстрацию SystemJS/React локально с помощью JSX?
В данный момент я следую этому видеоруководству, и я застрял на простом HelloWorld Приложение. В момент времени 12 минут:31 с я застрял там, где он должен показать HelloWorld , но это не так.
Приложение использует SystemJs, React и JSX....
3835 просмотров
schedule
20.04.2023
как удалить/размонтировать вложенные компоненты реакции
Я хотел бы размонтировать один компонент реакции, который принадлежит родительскому компоненту, содержащему всего три компонента. Родительский компонент имеет эту функцию рендеринга:
render: function () {
return (
<div...
14962 просмотров
schedule
01.05.2023
React/reflux, как правильно выполнять асинхронные вызовы
Недавно я начал изучать ReactJS, но меня смущают асинхронные вызовы.
Допустим, у меня есть страница входа с полями пользователя/пароля и кнопкой входа. Компонент выглядит так:
var Login = React.createClass({
getInitialState: function() {...
5117 просмотров
schedule
28.03.2023
Как преобразовать один целевой файл с помощью JSX-преобразователя React.js?
Итак, я установил инструмент jsx: https://facebook.github.io/react/docs/tooling-integration.html
npm install -g react-tools
В документации нет информации о преобразовании отдельных файлов. Например, единственный способ, которым...
712 просмотров
schedule
09.08.2023
Как передать реквизит {this.props.children}
Я пытаюсь найти правильный способ определить некоторые компоненты, которые можно было бы использовать в общем виде:
<Parent>
<Child value="1">
<Child value="2">
</Parent>
Конечно, существует логика рендеринга между...
582241 просмотров
schedule
24.02.2023
Преобразователь JSX для React не работает. Не могу найти ошибку
ОБНОВЛЕНИЕ: я не могу в это поверить. После нескольких часов попыток использовать всевозможную магию gulp я не понимаю, это был отсутствующий закрывающий тег </script> в index.html для bundle.js
Я действительно озадачен этим. Я начал...
1543 просмотров
schedule
08.08.2022
Почему reactjs не отображает объекты, имя переменной которых начинается с маленькой буквы?
Я только что начал работать с библиотекой facebook для виртуальной привязки DOM «ReactJS» вместе с JSXTransformer. Я следую небольшим простым руководствам по началу работы с http://ryanclark.me/getting-started-with-react/ .
Я написал простой код...
59 просмотров
schedule
16.01.2023
Поддержка языка TSX для PhpStorm
Я использую PhpStorm для веб-проекта и хочу использовать язык TSX (Typescript/JSX), однако, похоже, он не поддерживается.
Я хотел бы продолжать использовать PhpStorm и не переключаться между другими IDE.
Каковы мои варианты?
762 просмотров
schedule
04.06.2023