Для вопросов о синтаксисе JSX, используемом React.js, Vue и другими интерфейсными средами JavaScript, который позволяет использовать встроенные литералы XML в JavaScript для описания элементов HTML. Если ваш вопрос касается расширенной реализации Adobe JavaScript (ExtendScript), которая как минимум на пять лет старше React.js, используйте вместо этого тег [ExtendScript].
Хорошо! Таким образом, вопросы, подобные этому, уже задавались, но проблема в том, что они не решают мою конкретную проблему, поэтому, пожалуйста, прочтите полный вопрос и подумайте о том, чтобы посмотреть на вставленный фрагмент кода .......
4 Мар 2021 в 12:28
У меня есть словарь, содержащий предметы с карточками. Я хотел бы отображать каждую карточку только в том случае, если текущее пользовательское значение равно сохраненному пользовательскому значению. IE, если данную карту создал данный пользователь. .......
3 Мар 2021 в 08:54
Как мне добавить className в div на основе любого события.
Вот мой код ниже.
Я пытался:
className={isActive ? "active" : "", isClicked ? "clicked" : ""}
Но это работает только при щелчке по событию.
Это работает, когда событие зависает
className={isActive ? "active" : ""}
То же самое происходит пр....
У меня есть простая форма HTML с вводом name="comment". Я показываю результат с помощью jsx в приложении реакции, используя {formData.comment}. Форма и результат отлично подходят для обычного ввода, такого как hello world, но для ввода специальных символов, таких как that's, выводом является th....
2 Мар 2021 в 08:06
Итак, я пытаюсь не дублировать код и, вероятно, слишком усложнять это, но мне очень любопытно, есть ли способ для такой системы, чтобы работать
<Drawer anchor="right" open={sideBarOpen} onClose={toggleSideBar}>
<List className={classes.sideBar}>
{[
["test1....
26 Фев 2021 в 18:39
Основная ситуация следующая: я хочу использовать текущий URL-адрес в качестве параметра, чтобы найти и использовать свойства этого объекта. Моя проблема ... Мне интересно, следует ли мне использовать этот предполагаемый метод, я хочу услышать ваши идеи.
«»»
class Lista extends React.Component {
....
Я использую учебник, чтобы изучить React, и довольно быстро застрял. В учебнике они используют этот код:
import React, { Component } from "react";
class Counter extends Component {
state = {
count: 0,
};
render() {
return (
<React.Fragment>
<span>{this.state.count}</sp....
24 Фев 2021 в 09:48
Давайте возьмем простой случай редактируемого базового блока <div> с помощью contenteditable="true":
<div contenteditable="true">
Edit this
</div>
Пользователь может input/edit/delete содержимое этого элемента <div>.
Для определенных форм ввода, если пользователь вводит текст, превышающий опреде....
23 Фев 2021 в 09:46
Пожалуйста, дайте мне решение. Я создаю приложение, подобное Google Keep. Как только я нажимаю кнопку добавления, он добавляется в массив, после чего обновляется страница, и значение массива сбрасывается
Вот мой код
import React, { useState } from "react";
function CreateArea() {
const [title1, ....
Я пытаюсь получить список объектов (моторов) из базы данных django и сохранить его в состоянии моего компонента MachineTemplate.
Вот компонент
export default class MachineTemplate extends Component {
constructor(props) {
super(props);
this.state = {
myName: th....
У меня был компонент формы со следующим содержанием
function Form() {
return (
<div className="form-container">
<div className="form-control">
<label id="text-input">Text </label>
<input type="text"></input>
</div>
<div className="form-control"....
19 Фев 2021 в 12:23
Одинаковы ли эти два синтаксиса: `$ {variableName}` и {variableName}....
19 Фев 2021 в 09:22
Когда мы возвращаем что-то в JSX, мы могли бы написать:
<ul>
{Array.from({ length: 9 }).map((e, i) => (
<li>{i}</li>
))}
</ul>
Или используя IIFE:
<ul>
{(function () {
const result = [];
for (let i = 0; i < 9; i++) {
result.push(<li>{i}</li>);
}
....
Я хочу отобразить список элементов из массива объектов в React. Однако это не работает должным образом.
Мой файл данных
export const PageBottomData = [
{
sectionName: "property1",
listOfLinks: [
{linkName: "value1", linkStatus: "inactive"},
{linkName: "value2", linkStatus:....
Предположим, у меня есть приложение для реагирования, и у меня есть компонент A и компонент CountryCard, предположим, что компонент A несколько раз отображает компонент CountryCard в виде колоды карт, используя инструкцию карты как .......
16 Фев 2021 в 16:34
Новичок в React / JSX, так что терпите меня. У меня есть API, который возвращает объект следующим образом
var currObj = {
SKU : 'Test_SKU_120934',
category : 'Home',
inventory_status : 1.
}
Я хочу перебрать этот объект и вернуть ненумерованный список html следующим образом
<ul>
<li> <stron....
15 Фев 2021 в 02:55
Здесь у меня есть ошибка, которая гласит: Ожидалось присвоение или вызов функции, а вместо этого я увидел выражение no-unused-expressions, которое я хочу, чтобы onClick поместил мой константный дескриптор с тернарным. Я думаю, что это .......
14 Фев 2021 в 16:42
Я хочу изменить класс компонента при нажатии. Я использую состояние для создания нового компонента со свойствами name и done (что при создании ложно). Затем это помещается в задачи .......
14 Фев 2021 в 15:37
Я учусь реагировать на родной и пытаюсь применить условие if на основе значения карты, но получаю ошибку
render() {
return (
<View>
<Text>My List view</Text>
{
this.state.fruits.map((item) => (
{ if(ite....
13 Фев 2021 в 09:34
Я работаю над веб-сайтом, который использует API от NYT, и я застрял, пытаясь отобразить всю информацию, которая у меня есть для отображения необходимой информации (ссылки на изображения JPG, ссылки на статьи, заголовки статей, даты статей) .
У меня вся моя информация хранится в переменной postNY, ....
12 Фев 2021 в 18:34
Я пытаюсь отобразить кучу объектов в табличном формате. Если у объекта есть дочерний объект, я бы хотел, чтобы он отображался в следующей строке, прежде чем переходить к следующему объекту по массиву.
В моем примере ниже я успешно визуализирую таблицу, показывающую все объекты верхнего уровня или р....
12 Фев 2021 в 18:10
Я создаю компонент, который будет использовать собственный тип html в качестве корневого элемента. Для простоты скажем либо <td>, либо <th>. Сделать это с пользовательскими компонентами легко, поскольку это просто функции, которые можно передать:
function MyWrapper(props) {
const Element = props....
Я хочу подключиться к своей базе данных, и когда я пишу этот код, я получаю эту ошибку:
TypeError: firebase_app__WEBPACK_IMPORTED_MODULE_1 __. Default.database не является функцией
createNote() {
if (this.state.title !== '' && this.state.note !== '') {
firebase.database().ref('notes'....
У меня есть это представление, которое отображает список кнопок и отображает их пользователю, а затем пользователь может выбрать, какой вид просматривать.
Он использует список, потому что этот компонент используется в нескольких представлениях, а кнопки разные.
Я хотел создать эффект скольжения, ког....
11 Фев 2021 в 20:10
У меня есть эта кнопка здесь
<button className={Classes.Button}
disabled={!isEnabled}
type="submit">
{buttonText}
</button>
Который должен быть отключен или включен после проверки значения некоторых из моих входов. условия
const canBeSubmitted = () => {
return (
c....
11 Фев 2021 в 11:14