I am frustrated because I'm a very Junior in React so I don't know if I made something wrong or not, because I really don't understand why, but part of the CSS don't apply to my code and I feel it's not normal... This is my JS code: import React from 'reac...

if the remainder from the index number is 0, I want to wrap the code I need to show below and below. How can I do this? I tried like the ones below but it didn't work. I'm getting a syntax error. {index% 3 == 0? ...: ...} {index% 3 == 0 && ...} export defa...

I am new to React and having some trouble here- I am trying to use Sass to style a component in React. For some reason it isn't working. I am getting an error that 'styles' is defined but never used I'm not sure why this is happening as my other components...

如果这是一个愚蠢的问题，我很抱歉。我试图弄清楚如何显示使用下面代码中的函数创建的特定数量的这些元素。我对此进行了研究，发现大多数人都在使用数组，但我没能做到这一点，也许是因为我的jsx的某种格式。非常感谢您的帮助！谢谢！ 封面.js import React from 'react'; import { videos } from '../../data/videos.json'; import styles from './covers.module.sass'; export const Covers...

import React, {useState, useEffect, useRef} from 'react'; import { View, Text, StyleSheet, FlatList, ScrollView, Image, TouchableHighlight, TextInput, TouchableOpacity, Modal, Dimensions, SafeAreaView, } from 'react-native'; import...

I am trying to search for a "Country name" in uppercase and lowercase. It currently only works for uppercase for example: "USA" "Cambodia" . Is toLowerCase() an option? I tried but it's not working. I might be using it incorrectly. Thank you! My code: cons...

This question already has answers here: Loop inside React JSX (68 answers)...

When we symliked src directory from somewhere, within react app throws error 'jsx' isn't currently enabled. 如果该目录不是sym链接的，而是常规目录，--没有问题。 Support for the experimental syntax 'jsx' isn't currently enabled (13:3): Add @babel/preset-react (https://git.io/JfeD...

我使用recoiljs作为我的react项目的状态管理器，当recoilatom从另一个文件更改时，我的一个组件不会调用它的useEffect。这是我从原子中读取的主要成分。 import React, {useState, useEffect} from 'react' import '../css/MeadDeadline.css' import {getNearestDate} from '../chromeAPI/retrieveDeadlineJSON' import DeadlineList ...

我做了一个图像模式，当点击时放大图像，但我也想要一个显示alt文本的标题。这就是图像的传递方式： 应用程序.JS import React, { useState } from "react"; function App() { const [selectImg, setSelectImg] = useState(null); return ( <div className="App"> <Route path="/" exact> <Gallery setSel...

我试图把两个if语句放在一个onload中。我试着把这样的函数放进去 onLoad={() => {(e < index.length) ? e = e : e++ ; (i >= proximo_mes.length) ? i = i : i++}} 但是响应与第一个不同，第二个方法（没有函数）和第二个if语句不起作用。有人能解释为什么吗？ 如果没有该功能： <table id='calendario'> <tbody> {linhas.map...

在我的Photos / Main组件中，我正在通过一个对象进行映射，该对象来自状态为filteredImages，其中包含从数据库中检索到的图像数据实例。对于每个实例，我正在动态生成一个React组件'ImageItem'，它将向DOM显示图像。我需要做的是将“ ImageItem”组件生成的DOM元素存储在主组件中。我遇到了能够使用Reacts的ref以及useRef和forwardRef Hooks的方法，但是我想知道如何将这些ref存储在数组中。任何帮助将不胜感激！ Photos.js const P...

为什么要删除所有任务，而不仅仅是我单击的任务。 要删除我正在使用filter（）Array方法的每个任务，就我而言，它将删除列表中的所有任务。 如果有更好的选择，那么删除单个项目的更好选择是什么？还是应该继续使用filter（）？谢谢您的帮助。 import React, { useState, useEffect } from "react"; import "./App.scss"; const Todo = () => { const [todos, setTodos] = useState([...

正如我们熟悉React JSX一样，一个根元素概念。应该只有一个父标签。 class App extends React.Component { render() { return ( <div> <h1>Hello {this.props.name}</h1> <h2>Start editing me</h2> </div> ) } } // this works 如果我们这样做，则会产生错误 class...

据我了解，如果条件“ mobileNumber”或“ AuthUser”为真，则应输出（）中的任何内容 <> {mobileNumber &&( <List.Item> <Icon className="phone icon" /> <ListContent> {mobileNumber...

I have a slideshow based on an array of objects with its characteristics, one of them is the background-color of the current slide. I have a property called bg which stores it. This is what I am using to set each background-color, which changes to every im...

JavaScript传播运算符 let obj1 = {a:1,b:2} let obj2 = {...obj1} console.log(obj2) Above code outputs {a:1,b:2} Which is a copy of obj1 JSX点差运算符 让我们假设this.props = {lib：'react'，lang：'js'} <App {...this.props}/> would be same as <App lib={this.props.lib} lang={thi...

我正在使用Create React App使用React DOM Server进行服务器端渲染。我正在尝试加载静态图像，但是它没有显示在我的浏览器中。这是我的app.js代码 import './App.css'; import React from "react"; import Pic from './Images/pic.png' function App() { return ( <div className="App"> <img src={Pic} /> </di...

我要做的是类似于“ form.io”（表单的生成器），但是问题是我不知道如何将HTML元素嵌入另一个HTML元素中。 Look at the example (this is example form,was created in form.io): https://drive.google.com/file/d/1YhQLlYbs99udvCW-BgQRF06Ca_M9Hpww/view?usp=sharing

if(this.state.current=== this.state.dataSet.length-1){ if(this.state.choice.correct===2) { this.setState({IsPassed:true}) } else if(this.state.choice.incorrect===2){ this.setState({IsFailed:true}) }}else{ this.setState({curr...