Публикации по теме 'jsx'
Реагировать на концепцию
Что такое propTypes?
Ответ: Когда мы передаем данные с помощью реквизита, мы не можем проверять типы данных. Вы можете передать строку, число, логическое значение любого типа данных. Но с помощью propTypes мы можем проверить тип данных, который нам нужен. Когда мы должны указать число, но мы устанавливаем строку, в этот раз мы показываем предупреждение. Если мы увидим пример ниже, мы сможем ясно понять.
В приведенном выше примере мы видим, что в компоненте приложения мы..
РЕАКТ 18.2.0 — День 2
Что такое JSX?
JSX означает JavaScript XML, который позволяет нам легко писать HTML в React. Он преобразует HTML-теги в реагирующие элементы. Это не строка и не HTML
Встраивание выражений в JSX —
Выше это простой код JSX на платформе React, но браузер не понимает этот JSX, потому что это недопустимый код JavaScript. Это связано с тем, что мы присваиваем тег HTML переменной, которая не является строкой, а просто кодом HTML.
Поэтому, чтобы преобразовать его в код..
Значение динамической опоры в реакции?
Мне нужно динамическое значение опоры для реакции. У меня уже есть список фруктов, но значение свойства должно быть Fruits[0] + ‘prop’
Например: ApplesProp
index.js
const ApplesProp = { Name: "Green", Age: 34 }
const Fruits = ["Apples", "Pears", "Oranges"]
<App prop={dynamic-fruit+'Prop'} />
Пытался
<App prop={Fruits[0]+'Prop'}/>
но это приводит к передаче строки: «ApplesProp», а не объекта ApplesProp (т. е. Name: Green, Age: 34).
— — — — — — — — Ответ..
Что такое JSX и как его использовать в Visual Studio Code?
JSX — это расширение синтаксиса для JavaScript, первоначально представленное Facebook в 2013 году. Оно позволяет разработчикам писать HTML-подобный код в JavaScript, что упрощает создание сложных компонентов пользовательского интерфейса и управление состоянием веб-приложения. JSX — необязательный синтаксис для React, но он стал стандартом де-факто для создания приложений React.
Одним из основных преимуществ использования JSX является то, что он позволяет писать код, похожий на HTML,..
Приложение React Contact Manager, часть 2
Во второй части мы продолжим с того места, где остановились, где создали необходимые нам компоненты, и теперь мы начнем с рендеринга списка.
Поскольку большая часть базовой настройки файлов и компонентов готова к работе, пришло время заняться некоторыми более интересными вещами React с передачей реквизитов, обработкой состояния и множеством JSX!
Создание массива с вложенным хешем с некоторыми жестко закодированными данными, установленными в константу контактов в App.js:
const..
Синтаксис TypeScript JSX как типизированный DSL
TypeScript поддерживает JSX, а компилятор TypeScript предоставляет действительно хорошие инструменты для настройки того, как будет компилироваться JSX и, в конечном итоге, дает возможность писать DSL поверх JSX, который будет проверяться типом во время компиляции. Эта статья как раз об этом - как реализовать DSL поверх JSX.
📦 Репозиторий с полным рабочим примером.
В качестве примера JSX DSL я не буду использовать ничего, связанного с Интернетом или React, чтобы дать вам понять,..
Вопросы по теме 'jsx'
Получить индекс объекта в массиве
Я создаю плагин и использую actionscript, чтобы сохранить выбор объекта в документе иллюстратора, а затем ссылаться на него позже.
var arrObj:Array=new Array();
arrObj.push(app.activeDocument.selection[0]);
Если я сейчас выберу тот же объект...
2096 просмотров
schedule
15.12.2023
JSX/Photoshop: app.activeDocument.saveAs() возвращает ошибку
Я пытаюсь сохранить activeDocument как .psd, но он возвращает эту ошибку
ОШИБКА: Произошла общая ошибка Photoshop. Эта функция может быть недоступна в этой версии Photoshop.
мой сценарий:
#target photoshop
var fileRef = new...
3766 просмотров
schedule
08.12.2022
Как я могу справиться с длинным className в React JSX?
Скажем, я визуализирую этот компонент в React JSX:
render() {
return (
<h1 className="col-xs-6 col-xs-offset-3 col-md-4 col-md-offset-4 col-lg-2 col-lg-offset-5">Some text</h1>
);
}
Классы запускают мой линтер JS как...
3045 просмотров
schedule
28.02.2024
Ошибка предупреждения React останавливает компиляцию приложения
У меня есть следующее:
Компонент nav.jsx: (до этого момента все работало нормально)
import React from "react";
import Link from "react-router";
class Nav extends React.Component {
render() {
return (...
1542 просмотров
schedule
23.12.2023
Нужна помощь по React Js
Я новичок в React Js, и мой код не работает. Пожалуйста, посмотрите ниже:
Это мой файл сценария Main.jsx . Этот файл компилируется с помощью реакции, а вывод помещается в файл main.js в папке «dist».
var react = require("react"),
reactDom =...
218 просмотров
schedule
25.10.2023
Как использовать другой синтаксис для одного и того же расширения файла в Sublime Text? (JS/JSX)
Можно ли в Sublime Text использовать другой синтаксис для одного и того же расширения файла в зависимости от открытого в данный момент проекта?
Пример:
Проект A: file.js содержит классический Javascript
Проект B: file.js содержит JSX...
348 просмотров
schedule
30.10.2023
ошибка компонента реагирования Невозможно прочитать свойство undefined
Я новичок в React, я создал такой компонент;
export default class CartoviewDrawer extends React.Component {
constructor(props) {
super(props);
this.state = {open: false};
}
_handleToggle() {
let open =...
2535 просмотров
schedule
18.02.2024
Как ввести JSX с другими типами, кроме React $ Element с типом потока?
Я использую тип потока с Vue.js и добавил объявления типов для Vue.js. Затем я также использую синтаксис JSX с babel-plugin-transform-vue-jsx.
Хотя я хочу ввести теги JSX как VNode, механизм потока определяет тег JSX как React $ Element, поэтому...
359 просмотров
schedule
26.05.2024
React - Невозможно прочитать свойство X неопределенного
Итак, я пытаюсь вызвать строку в section1.text ... Моя консоль возвращает:
Вот мой JSX:
return (
<div>
<h1>{this.props.article.title}</h1>...
398 просмотров
schedule
26.03.2024
сбросить неконтролируемое содержимое компонента после отправки формы + реагировать + jsx
У меня есть уже созданная форма React, которая отлично работает, ожидая сброса. Он использовал неконтролируемые компоненты немного по-другому. Я ищу то, что мне нужно следовать, изменить код, чтобы достичь своей цели.
<script...
500 просмотров
schedule
18.05.2024
Перебор JSON в React
У меня есть следующий код:
export class Highlights extends React.Component {
render() {
return (
<div>
{JSON.stringify(this.props.highlights_data.data)}
</div>
)
}
}...
66325 просмотров
schedule
08.12.2022
Индикатор сохранения в редукционной форме и долгое обещание
Я пытаюсь отобразить наложение пользовательского интерфейса во время процесса сохранения. Я отправляю изменение пользовательского интерфейса с помощью преобразователя, но проблема в том, что он ждет, пока обещание разрешится, прежде чем произойдет...
300 просмотров
schedule
05.10.2022
Незакрытое регулярное выражение с использованием ReactJs на codepen
Итак, у меня есть эта ручка https://codepen.io/DiMatias/pen/dzzpBx на codepen . Я был вокруг этого в течение последнего часа, и я просто не могу найти решение. Уже добавлен JSX Transformer, но безуспешно. Может кто-нибудь помочь мне, пожалуйста?...
522 просмотров
schedule
12.03.2024
Как преобразовать список кортежей в строку Json
У меня есть список кортежей Erlang следующим образом:
[ {{"a"},[2],[{3,"b"},{4,"c"}],[5,"d"],[1,1],{e},["f"]} ,
{{"g"},[3],[{6,"h"},{7,"i"}],[{8,"j"}],[1,1,1],{k},["L"]} ]
Мне нужен этот список кортежей в такой форме:
<<" [...
452 просмотров
schedule
09.10.2022
SyntaxError в Webpack/React.js Неожиданный токен = {} в React
В одном из моих файлов .js я получаю следующую ошибку от Webpack:
4 | export default function(ComposedComponent) {
5 | class Authentication extends Component {
> 6 | static contextTypes = {
| ^
7 |...
495 просмотров
schedule
08.03.2024
Присвоить значение переменной в JSX для ReactJS
{props.stories.map((story) =>
<div key={story.id}>
{story = story.story}
<SliderItem story={story} />
</div>
)}
Приведенный выше код выдает ошибку:
Uncaught (в обещании) Ошибка: объекты...
29657 просмотров
schedule
28.11.2023
Реализация динамического JSX-элемента в маркере с помощью response-leaflet
У меня есть приложение React, в котором я использую Leaflet через react-leaflet , обе суперполезные библиотеки.
В этом приложении у меня есть группа координат, которые необходимо отобразить следующим образом:
При уменьшении масштабируйте...
4376 просмотров
schedule
21.02.2024
FlatList реагирует на родной
У меня проблема с FlatList, я не могу прокручивать свой список... Он блочный, и мой список достаточно толстый для прокрутки
const tab_ad = [
{"id": 0, "Price": 100000, "key": 0},
{"id": 1, "Price": 100000, "key": 1},
{"id": 2,...
731 просмотров
schedule
08.01.2024
Учебник ReactJS (tic tac), создающий блок неожиданной ошибки токена HTML
Ответ, который пытается сделать то же самое со мной: https://stackoverflow.com/a/45785715/8126531
Привет, я делаю учебник по ReactJS здесь , и я в основном в той части, где он просит заменить:
render() {
return (
<div>...
171 просмотров
schedule
16.12.2023
Могу ли я передавать динамические значения литералам шаблонов ES6?
getSelectedCityId() {
let citiName
citiId;
axiosInstance
.get("/api/cities")
.then(response => {
if (response.status === 200 && response.data) {
citiName = this.state.city;...
1484 просмотров
schedule
26.11.2023