这是代码
const UserItem = (user, index) => (
<div key={index} className="accordion__item js-accordion-item">
<div className="accordion-header js-accordion-header">{(index+1)} . {user.invoiceId}
</div>
<div className="accordion-body js-a
浏览 0提问于2018-09-04得票数 0
我正在使用css框架，并像这样放置cdns
//public <head> tag
<Helmet>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.6.15/dist/css/uikit.min.css" />
<script src="https://cdn.jsdelivr.net/npm/uikit@3.6.15/dist/js/uikit.min.js"></script>
<
浏览 7提问于2021-02-05得票数 2
如何添加className或使用useRef删除ClassName
代码如下
const refs = useRef("");
const clicka =()=>{ ref.current.classList.add('correct') }
<div onClick={()=>{clicka()}} refs={ref} className="js-choose-answer"><div>a</div>{user.opt1}</div></div>
我可以访问cl
浏览 3提问于2022-09-06得票数 1
回答已采纳
我有一个反应应用程序与快递服务器。我不断犯一些错误，它们看起来像这样..。
xhr.js:178 POST http://localhost:3000/contactus 404 (Not Found)
dispatchXhrRequest @ xhr.js:178
xhrAdapter @ xhr.js:12
dispatchRequest @ dispatchRequest.js:52
Promise.then (async)
request @ Axios.js:61
Axios.<computed> @ Axios.js:86
wrap @ bind.js:9
handle
浏览 3提问于2020-07-13得票数 0
1回答
我刚开始使用React (但我已经用ReactNative做了一个简单的应用程序)。我用几个组件做了一个简单的web应用程序来让用户登录。问题是它必须支持多语言，我不能完全理解如何使用redux来将系统语言从子组件“菜单”更改为应用程序中正在或将要加载的所有组件。 以下是主要组件： index.js import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import * as serviceWorker from '.
浏览 16提问于2019-07-02得票数 0
1回答
在SaleInvoice.js上有一个“打印”按钮，显示包含Report.js的模态。
创建Report.js只是为了描述如何以及应该在打印页面中显示什么内容。
Report.js有一个“打印”按钮，它在浏览器中打开打印预览。
如何使SaleInvoice.js上的“打印”按钮直接打开浏览器中的“打印预览”？
SaleInvoice.js
...
<button
style={{marginRight: '200px'}}
onClick={() => this.setState
浏览 2提问于2018-12-05得票数 0
我想把HTML代码转换成REACT，所以我面对这个错误，意外地使用了事件。
我认为onClick不起作用。我试过多次尝试，但没有发生任何有用的事情。任何人，请帮助我纠正这一点。
这是转换后的代码，但仍然不能工作
标记：
<div className="container">
<div className="desktop-tabs">
<div className="tab">
<button className="tablinks"
浏览 1提问于2021-08-07得票数 1
我正在与React.js一起开发一个投资组合，我的背景使用了react粒子-js，但它作为一个组件工作。
我想要这个组件作为背景。
还有其他替代反应-粒子-js吗？
，这是我的Home.js
import Particle from "../Particle";
import Pro from '../../Assets/Pro.svg'
import { Container, Row, Col } from "react-bootstrap";
function Home() {
return (
<sectio
浏览 6提问于2021-08-20得票数 0
我已经为React提供了所有必要的机构。之后，当我按ctrl s代码时，js代码会尽量与js语法相似。我得到了下面的问题？我能做什么?
import logo from './logo.svg';
import './App.css';
function App() {
return ( <
div className = "App" >
<
header className = "App-header" >
<
浏览 0提问于2021-07-08得票数 0
1回答
我正在尝试从reactjs开始，并尝试通过路由进行登录、注册和主屏幕。下面是代码。 import React from 'react';
import { render } from 'react-dom';
import { App } from './App/App.js';
import {Login} from './LoginPage.js';
import '../src/styles/homestyle.css';
// setup fake backend
import { configure
浏览 18提问于2019-12-17得票数 0
我想显示在播放器配置文件字段收到的data。从name字段开始，它将显示名称数据，但在尝试编辑name文本字段时，系统会抛出以下异常TypeError: playerProfile.map is not a function。我已经在箭头函数中封装了fetch调用。谁能告诉我这个错误的根本原因是什么？
注意:目前我只收到name字段的值，需要显示其他字段，并且仍然需要在handleSubmit()上工作。
Detailed error message from console:
Uncaught TypeError: playerProfile.map is not a function
浏览 0提问于2020-05-26得票数 1
回答已采纳
我是法国人，我几乎不会说英语，对不起。
我也有类似的问题。我正在尝试用OMDB API制作一个电影网站。我想在另一个页面上查看电影的详细信息。
我收到以下错误消息：“警告: react-router Location "Batman Begins”未匹配任何路由“
App.js：
import React, { Component } from 'react';
import { render } from 'react-dom'
import { Router, Route, Link, IndexRoute, hashHistory, browser
浏览 1提问于2016-08-01得票数 2
构造函数和功能：
constructor(props) {
super(props);
this.state = {
tagline: 'We rank what people are talking about.',
year: new Date().getFullYear()
};
this.onFormSubmit = this.onFormSubmit.bind(this);
}
onFormSubmit(e) {
console.log('onFormSubmit', e)
浏览 1提问于2017-04-29得票数 9
回答已采纳
1回答
我正在做一个使用React的项目。这是我的项目的文件结构
公共index.html
App.jsimages facebook.pngimage.PNGlinkedin.pngprofile.pngtwitter.png src
- Profile Intro
- profileIntro.js
- data
- data.js
在我的App.js中，我将导入data.js文件并将从中获得的数据传递给子组件profileIntro，js作为支柱。
这里是data.js
const user = [
{
id: 1,
name: &#
浏览 1提问于2020-10-11得票数 0
当我单击关闭导航栏中的外部Navbar.js时，我想将一个状态从组件Navbar.js传递给App.js。我把州立道具从父母传给了一个孩子Navbar.js，当我点击Navbar外面的时候，它没有关闭
-Defined const [isSideMenuOpen, setIsSideMenuOpen] = useState(false); in App.js
将-Added道具传递给子组件<Navbar setIsSideMenuOpen={setIsSideMenuOpen} isSideMenuOpen={isSideMenuOpen} />
-Destructuring se
浏览 5提问于2022-04-10得票数 0
我正在做一个react项目，因为我有一个父组件，它是该App.js的App.js，Iconcircle.js是一个子组件。
现在，对于Iconcircle.js，Reusableicons.js是一个子组件。在Reusableicons.j的组件中，我创建了一个图标，并计划通过在Iconcircle组件中使用道具来重用它。
一切正常，但在移动屏幕上，我无法将图标组件移动到中心。
帮我克服这个问题
这是App.js
import React from 'react';
import './App.css';
import Iconcircle from '
浏览 2提问于2019-12-07得票数 0
1回答
[![大家好，我试着让这个materialUI图标变大，但我遇到了麻烦
我似乎不能改变大小，我尝试了viewbox，但没有运气，甚至尝试了内联样式。
我需要的图标是比它目前更大的时刻。
我
const function App() {
return (
<>
<div className="grid" >
<div className="panel">
<img style={{width:"200px", height:"200px",
浏览 13提问于2021-05-26得票数 0
回答已采纳
1回答
mongoose模式 const mongoose = require('mongoose');
require('mongoose-type-url');
const mobilesSchema = new mongoose.Schema({
name:{
type: String,
required: true,
trim: true,
maxLength:100
},
price:{
type: Number,
required: tr
浏览 39提问于2021-02-05得票数 1
1回答
将获取的数据作为参数传递
、、、
我已经为这个问题挣扎了几天了，希望你能帮我一把。
在这个应用程序中，我从一个API获取数据到*App.js，将它作为一个参数传递给*Boxx.js组件，该组件在其中呈现数据。主要问题是，Boxx.js没有在正确的时间获得数据，因此您传递的值/函数永远不会运行。
App.js
import React from 'react';
import Boxx from './Boxx';
function App(){
var [data,setData] = React.useState(null)
var [status, setStatus] = React.us
浏览 3提问于2022-07-23得票数 0
2回答
响应输入组件--它总是落后一步
、、、、
我遇到了一个小问题，你能帮忙吗？我试图制作一个输入组件，但是当我在输入中输入一些东西时，它总是落后一步。这是正确的方式吗？或者是否有某种方法来生成输入组件？
我是Input.js
import React, { useState } from 'react';
function Input(props) {
const [value, setValue] = useState('');
const { type, className, placeholder } = props;
let handleChange = (e) => {
浏览 3提问于2021-09-15得票数 1
回答已采纳
我有一个问题，关于setState函数，这就是问题所在：
警告:setState(.)：只能更新安装或安装组件。这通常意味着在未挂载的组件上调用setState()。这是禁止行动。请检查LogIn组件的代码。
我不知道为什么会这样--这是代码：
LogIn.js (初始页)；
import React, { Component } from 'react';
import firebase from 'firebase';
import { Redirect } from 'react-router-dom';
export defaul
浏览 3提问于2017-08-01得票数 0
2回答
我正在学习下一步，并做出反应，我正在创建一个项目。我创建了两个组件"form.js“和" feedback.js "，在主页"index.js”中我导入了"form.js"，但是当您按下按钮将数据发送到db时，组件"form .js“被替换为”feedback.js“组件，我能做什么呢？谢谢
文件form.js：
import styles from '../styles/Home.module.css'
export default function Form(){
return(
<>
浏览 3提问于2022-11-12得票数 0
我在我的项目中工作的反应项目，我有一个主页，因为我有一个按钮，当我点击按钮时，我需要到登录页，为此我使用useHistory挂钩，但它不工作很好。所以有谁能帮我解决这个问题 这是App.js import React from 'react';
import { BrowserRouter as Router,Switch,Route } from "react-router-dom";
import Navbar from './Components/Navbar/Navbar';
import Home from './Pages/
浏览 24提问于2020-10-22得票数 0
你好，所以我想发送我的状态(用户电子邮件)使用后登录到主页，并希望显示电子邮件。但是在使用登录按钮重定向到主页后，我得到了一个错误No routes matched location "/home/"。但是，如果我输入路径manualy localhost:3000/home/example.com，它运行得非常好。如何修复此错误。
index.js
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<BrowserRouter>
浏览 2提问于2022-08-24得票数 0
1回答
无法测试反应组件。下面我把我的setup.js代码-配置文件和文本的错误。
require('babel-register')();
var jsdom = require('jsdom').jsdom;
var exposedProperties = ['window', 'navigator', 'document'];
global.document = jsdom('');
global.window = document.defaultView;
Object.keys(docu
浏览 3提问于2017-02-17得票数 0
回答已采纳
2回答
如何在刷新页面后保持当前视图
、、、、
你好，我编写了这个js代码来将视图从列表更改为网格，但我想在刷新页面之后保持当前的视图状态，我看到了很多关于cookie和localStorage的视频，但是我不知道如何使用它们，因为我仍然是编程新手，您能告诉我怎么做吗？
script.js：
let x = document.getElementById('x');
let z = document.getElementById('z');
x.addEventListener('click', function() {
let className = z.className;
浏览 9提问于2022-03-22得票数 0
回答已采纳
1回答
我的路由器出问题了。有人能帮帮我吗。我的模式库中有嵌套路由器。当我点击链接时，即使我设置了正确的路径，它也会转到主页。
谢谢
Index.js
<Provider store={store} >
<Router>
<App />
</Router>
App.js
<Switch>
<Route exact path='/' component={HomePage}/>
<Route exact path='/about-me' compo
浏览 0提问于2018-02-28得票数 0
回答已采纳
我试图在React.js中对以下类型的样式进行样式化，但我不知道根据React.js变量更改颜色。守则如下：
CSS：
.toggle input:checked + .slider {
background-color: ${color};
}
反应：
const { color } = userDoc.data()
return(
<div className="toggle">
<label className="switch">
<in
浏览 5提问于2020-06-08得票数 0
回答已采纳
5回答
我对react和react-router有意见。当我单击一个链接(在我的示例contact中是Footer.js)时，url会发生变化，但是没有显示所需的组件Location。然后，当我刷新站点时，将显示正确的组件。
App.js:
import React, { Component } from 'react';
import { BrowserRouter as Router, HashRouter, Route, Link } from 'react-router-dom';
import 'bootstrap/dist/css/bootstrap
浏览 0提问于2018-04-27得票数 9
2回答
我想用react运行turn.js。我在这里找到了一个示例：
我调整了代码以适应我的项目，但是我得到了以下错误: jquery__WEBPACK_IMPORTED_MODULE_6___default(...)(...).turn :TypeError不是函数
import React, { Component } from 'react';
import $ from "jquery";
import "turn.js";
const options = {
width: 800,
height: 600,
autoCenter:
浏览 10提问于2019-04-05得票数 1
1回答
我刚开始使用React，我对JavaScript有一个基本的理解。我以前在JavaScript中创建了这个网络应用程序，但是我正在为实践重新创建它。
以下是最初的Web：
我试图在用户单击组件按钮时显示“免责声明”组件，然后当用户单击X时再次关闭。
单击按钮时，在页面之间导航的正确方法是什么？
我的设置是错的吗？
INDEX.js
import React from 'react'
import ReactDOM from 'react-dom'
import 'bootstrap/dist/css/bootstrap.css'
import M
浏览 3提问于2021-11-29得票数 0
回答已采纳
我不得不将构建在纯HTML、CSS和javascript上的大型代码库重构到ReactJS和NextJS应用程序中。代码库包含大量链接和脚本，其中一些脚本应用于所有页面，而一些脚本仅应用于特定页面。
在设置过程中，我创建了一个Meta.js文件，其中保存了所有的链接和脚本，还创建了一个保存Meta.js的Layout.js文件，以及一个应用于所有页面的普通导航条和侧边栏布局。
我目前面临的问题是，除非刷新页面，否则某些脚本/功能无法工作。例如，我从主页(即index.js文件)输入应用程序，然后导航到设置页面，这是一个settings.js文件。
settings.js页面有一些选项卡，其中使
浏览 12提问于2022-04-14得票数 2
**我在这里找不出问题。有人能帮我吗？** 当我把项目作为道具传递给我时，我得到了TypeError:无法构造属性'name‘的’name‘，因为它是未定义的.
ProductsPage.js
...
const ProductsPage = ({ products, currentUser }) => {
.....
// note: products is an array with objects of product each product has id, name, image and price
return (
<div class
浏览 8提问于2021-02-10得票数 2
回答已采纳
我正在使用node.js和react.js做一个简单的登录和注销功能。问题是，当我想从网站注销时，我注销后导航栏不会变成登录状态。它会从本地存储中删除我的详细信息，但我的导航栏在我注销后仍然保持不变。对于错误的代码，我很抱歉，我还是个新手 App.js import React from 'react';
import "./App.css"
import Navbar from './components/Navbar';
import { Switch, Route} from 'react-router';
import
浏览 15提问于2020-10-25得票数 0
回答已采纳
我正在使用来流一些视频。不幸的是，当用户点击视频时，我在传递视频细节时陷入了困境。(我知道这一警告，将很快通过在缩略图中添加一个索引来解决这个问题)。
问题是(它也在帖子中间，但我担心它会丢失)：为什么hss我的searchedValue.videos变成了未定义的？
我得到了一个工作版本:当我点击一个视频的缩略图，我得到了预期的结果。
这是它的代码：
App.js
import React, { useState, createContext } from "react";
import NavBar from "./NavBar";
import yo
浏览 5提问于2020-06-21得票数 0
回答已采纳
我正在做react项目，我正在尝试使用react中的axios库将数据发布到数据库中。但是我得到了这种错误--> 'customerSignup‘没有定义。我正在尝试解决这个错误，但我没有，所以请帮助解决这个错误，并帮助我将数据从前端发送到后端。 这是App.js import React from 'react';
import './App.css';
import Navbar from './Components/Navbar/Navbar';
import Home from './Pages/Home/Home
浏览 10提问于2019-12-25得票数 0
回答已采纳
我想要显示一个活动加载器，就像当用户单击带有ButtonLoader.js和ButtonLoader.css文件的Login按钮时按钮中的微调器。下面是我放在那里的Login.js的一些代码。我认为如果我在ButtoneLoader.js中加上ButtonLoader.css中的样式，就会出现加载器，但我不知道从哪里开始。
这是登录页面
Login.js
<div className="auth-form-inputLine auth-form-submitBtn-container" id="auah-login-SubmitBtnContainer&
浏览 1提问于2020-11-03得票数 0
我查了医生的服务时间。我的问题是当用户在GitHub的帮助下成功登录时。用户自动重定向到仪表板我的仪表板上的'/‘页面。但它在下一个四月不起作用。我认为错误与重定向有关。但我找不到。为了获得授权，我在next-auth中使用了中间件。
文件夹结构看起来像一个应用程序。
.
├── assets
│ ├── githubicon.svg
│ ├── googleicon.svg
│ ├── sharethisicon.svg
│ └── sharethislogo.svg
├── components
│ ├── dashboard.js
│ ├── f
浏览 6提问于2022-08-06得票数 0
1回答
为了便于表单控制，我使用MDBootstrap作为我的前端CSS框架和redux表单。
我遇到的问题是元素样式/设计不同于最初在静态html页面中创建的元素。
这是原始的HTML静态页面设计：
这是使用组件时的结果。
我不知道如何及为何会出现这个问题。控制台中没有错误，所有CSS/JS都以完全相同的方式加载：
Html静态页面资产：
<link rel="stylesheet" type="text/css" href="http://booking.dev/all-b46c73cdcb.css">
<scr
浏览 0提问于2017-07-11得票数 1
回答已采纳
我在一个React项目中工作，因为我有一个父组件，在该组件中我有两个按钮，一个是Studentslist.js按钮，另一个是Computers按钮。 我有一个卡片组件，那就是Studentslist.js的子组件。 现在，首先我必须隐藏Card组件，我只想在单击Computers按钮时显示Card组件。 我知道如何使用基于类的组件来做到这一点，但我正在尝试使用函数组件。 这是Studentslist.js import React, { useState } from 'react';
import './Studentslist.css';
import C
浏览 36提问于2020-03-23得票数 0
回答已采纳
我是前台开发的新手，我一直在尝试将模式放在屏幕的中心，但它不会从屏幕的最右侧移动。我使用的css是"bootstrap/dist/css/bootstrap.min.css“。我需要创建自己的css文件来解决这个问题吗？ import React, { Component } from "react";
import "./App.css";
import LoginPage from "./LoginPage";
import "bootstrap/dist/css/bootstrap.min.css";
import
浏览 12提问于2019-10-13得票数 1
回答已采纳
2回答
在React hooks Home.js中，我已经实现了一个Loading...，但是我无法在主页中看到这一点。同时刷新我在Did not match any results!中看到的所有内容(如果搜索没有返回任何数据，则显示消息)。)
Home.js
const [isLoading, setIsLoading] = useState(false);
useEffect(() => {
const fetchData = async () => {
try {
const res = await Axios.get('http:/
浏览 2提问于2020-06-13得票数 1
回答已采纳
我正在react中构建todo应用程序，同时更新子组件和父组件的状态(通过prop传入的方法)时遇到问题。当我单击单任务.js中的编辑按钮时，我想触发setState({isEditing: true})和this.props.globalEditingToggle()；(由app.js通过list.js传递)。它一直工作得很好，直到我意识到我在list.js中设置键值时犯了一个错误。我曾经这样设置它: key={i}。然后我使用将它转换为唯一的id。并且仅具有唯一键的this.props.globalEditingToggle()；触发器。为什么会这样?有什么可以解决的？
下面是一个代码：
浏览 25提问于2018-02-24得票数 0
回答已采纳
我已经编写了部分代码使用react来开发一个网站。
在加载localhost/vents.html页面时，我看到网页中缺少事件类数据。
我能够看到事件类数据在events.html只有在浏览一个不同的网页从同一个网站。但不是第一次击中那一页。
下面是铬开发工具中的堆栈跟踪。我也面临着同样的问题，其他浏览器也是如此。
Uncaught TypeError: Cannot read property 'map' of undefined
at EventClasses.render (Events.js:24)
at ReactCompositeComponent.js:793
a
浏览 1提问于2018-03-15得票数 0
回答已采纳
我得到一个“TypeError: this.state.cakes.map不是一个函数”。 当我尝试记录res.data时 {data: Array(3), status: "Success", message: null} 请帮助找出问题所在。 下面是代码。 class ListCake extends Component {
constructor(props){
super(props)
this.state = {
cakes : []
}
浏览 18提问于2021-09-03得票数 0
回答已采纳
我正在努力使用img-标签在一个React组件中加载图像。基本上，我使用webpack的url加载器加载图像并添加散列(以避免后面的缓存问题)。当运行"npm“时，将创建包，并在指定的子文件夹”映像“中创建映像文件。但是，Chrome找不到图像，并给出了以下错误：
获取 404 (未找到)
更具体的是:包"main.js“是在前端文件夹中创建的(如index.html中所示)，并具有一个子文件夹”映像“，该文件由URL加载程序创建: 49b281dc3f9e139385f943c7e3f918b1-git.jpeg .git.jpeg.
我尝试用css加载图像，它可以工
浏览 3提问于2019-02-28得票数 1
回答已采纳
1回答
我有以下表格：
import React from 'react'
import PanelInputField from './form_components/panel_input_field'
import * as yup from 'yup'
import { withFormik, FormikErrors, FormikProps } from "formik";
const validationSchema = yup.object().shape({
length: yup
.number()
浏览 3提问于2018-09-06得票数 3
我们正开始进行一个项目，作为3名学生谁是新的反应。我想分拆代码，这样每个人都可以同时处理一些事情。但是，当我试图使用App.js中的图标-bar.js中的状态时，我得到了错误消息。App.js
import React, {Component} from 'react';
import './App.css';
import IconBar from './components/icon-bar';
import Events from './components/events';
function App() {
retu
浏览 3提问于2020-05-09得票数 1
回答已采纳
3回答
我是新的反应，我已经遵循了一个教程的ToDo网络应用程序。完成后，我建立了它的生产，没有错误的终端。当我试图静态地打开一个serve -s build以便在本地看到它时，就会出现这个问题。一开始，我看到了内容，然后弹出了两个在npm start server开发中没有出现的错误。这些错误是：
react-dom.production.min.js:209 TypeError: Cannot read property 'length' of null
at App.js:31
at ro (react-dom.production.min.js:211)
浏览 1提问于2020-09-12得票数 2
回答已采纳
1回答
我下载了这个Reactbootstrap主题，并让它与NextJS一起工作。困扰我的问题是我在Layout.js中的Layout.js有点超出了窗口。就像垂直滚动条一样，水平边距也在增加。解决方案是用div覆盖滚动条吗？我只是想要它，所以<div className="main-panel">适合在窗口和不需要一个水平滚动。我不知道怎么解释，但我有一个例子要给你看。
下面是Layout.js呈现：
return (
<div className="wrapper">
<Sidebar rout
浏览 1提问于2021-12-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
