bbs-go-site

Some CSS don't apply to my project in react and I don't understand why

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...

由莫小柒i发布于 2021-01-13 10:01:21 jsxcssjavascriptreactjs
How to use if statement in array map function with next.js

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...

由噢特慢~发布于 2021-01-13 08:00:19 jsxjavascriptreactjsconditional-operatornext.js
Styling Data React

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...

由 inisi发布于 2021-01-13 07:43:34 jsxcssjavascriptsassreactjs
如何在React中呈现特定数量的元素

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

由心痛算什么发布于 2021-01-13 05:31:18 jsxjavascriptreactjsbabeljsreact-hooks
How To Implement Auto Scrolling Video in React Native using JSX

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

由香思松发布于 2021-01-13 05:16:02 jsxjavascriptreact-nativeautoscroll
Trying to convert a string inside a search form to lowercase

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...

由 in_ut发布于 2021-01-13 04:46:49 jsxjavascriptformsfilterreactjs
在while循环中呈现jsx[duplicate]

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

由笑看红尘发布于 2021-01-12 22:42:03 jsxjavascriptreactjs
在react中，当src目录与react应用程序中的其他目录符号链接时，抛出render或error

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...

由毁灭发布于 2021-01-12 20:54:35 jsxreactjs
React useEffect钩子在反冲原子更新后不调用

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

由 xeos发布于 2021-01-12 18:38:30 jsxjavascriptreactjsuse-effectrecoiljs
跨组件传递图像元数据

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

由透心凉发布于 2021-01-12 16:02:15 jsximagereactjsreact-propsuse-state
如果有负载反应，如何放置倍数

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

由中央一套发布于 2021-01-12 15:19:29 jsxdomjavascriptreactjsfrontend
如何在功能组件中存储React Ref

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

由 Oo沁发布于 2020-12-15 06:01:07 jsxjavascriptcomponentsreactjsreact-functional-component
尝试删除单个任务，但是当我尝试删除一个任务时，它会删除所有任务

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

由凹凸萌发布于 2020-12-15 03:06:50 jsxreactjs
JSX一个根元素概念令人困惑

正如我们熟悉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...

由 jvitae发布于 2020-12-14 19:33:44 webpackjsxreactjscreate-react-appbabeljs
逻辑运算符||不输出所有内容（JSX）

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

由 tiure发布于 2020-12-14 00:04:18 jsxreactjsconditional-statementslogical-operators
如何在React中动态设置背景颜色？

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...

由嘘!安静发布于 2020-12-13 23:27:50 jsxcssjavascriptloopsreactjs
JSX中的Spread运算符与Javascript中的Spread运算符

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...

由 xnemo发布于 2020-12-13 03:06:49 jsxjavascriptreactjsbabeljsspread
使用React无法在服务器端渲染中加载图像

我正在使用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...

由 vdicta发布于 2020-12-12 17:21:58 jsxreactjscreate-react-appreact-dom-serverserver-side-rendering
如何在React中的另一个html元素中嵌入html元素

我要做的是类似于“ 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

由 non_at发布于 2020-12-12 13:15:49 jsxjavascriptreactjs
测验应用程序问题-最初从0开始计数，并显示您已通过的消息

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...

由留景同发布于 2020-12-11 20:19:06 jsxjavascriptfunctionif-statementreactjs

小码哥
649 帖子 • 1220 评论

3259
鹿小町
104 帖子 • 189 评论

1452
爱丽丝
81 帖子 • 166 评论

1160
Akira
46 帖子 • 50 评论

757
马肉肉
16 帖子 • 102 评论

369
wenchao1024
25 帖子 • 5 评论

320
sbzedrh
14 帖子 • 78 评论

296
喵喵酱
27 帖子 • 47 评论

282
Lesliebadena
24 帖子 • 0 评论

240
潘金莲
13 帖子 • 38 评论

233