我尝试在我的测试项目中使用Bootstrap面包屑，但是经常遇到错误。我刚刚重写了页面从一个组件类到一个函数，但仍然得到相同的错误。
我所犯的可怕的错误：
Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (
浏览 4提问于2021-12-30得票数 2
回答已采纳
我用react.js来建立模板网站。
我开始构建第二个组件header.js，遇到了一个问题
我不知道如何将字体连接到react.js中
我应该如何将这个CDN放到哪里?在app.js还是在我的header.js中？
CDN：
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-
50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIe
浏览 2提问于2019-04-17得票数 2
回答已采纳
1回答
下拉列表不会在单击时打开。我在nextjs 12上使用引导5。
我试着添加CDN链接，但它不起作用。
任何帮助都是非常感谢的。
在app.js中我导入了bootstrap.css
_app.js
import "../styles/globals.css";
import "bootstrap/dist/css/bootstrap.css";
function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />;
}
export default MyAp
浏览 3提问于2022-05-26得票数 0
我在Next.js中使用了Next.js来根据用户单击的按钮呈现不同的组件。下面是主页的代码(在应用程序中称为account.js )：
//getting components and importing react
import react from 'react'
const account = () => {
const [active, setActive] = react.useState("general")
return (
<>
<div className=&#
浏览 3提问于2022-03-08得票数 0
回答已采纳
1回答
当我单击movieItem.js中的add to收藏按钮并在Favorites.js中添加我的状态时，我想取电影标题
import React, { Component } from 'react';
import { store } from '../..';
import './MovieItem.css';
class MovieItem extends Component {
render() {
const { Title, Year, Poster } = this.props;
conso
浏览 1提问于2022-05-19得票数 0
使用JS & HTML标记总是有效的：
if (document.forms['myForm'].name.value == '') {
name.style.background = "pink";
}
else {
name.style.background = "white";
}
使用JS & CSS 并不总是有效的：
if (document.forms['myForm'].name.value == '') {
// give this ele
浏览 3提问于2015-03-05得票数 0
回答已采纳
2回答
在MDL中有两个选项:普通按钮：
<button className="mdl-button mdl-js-button">
Continue with Facebook
</button>
和图标按钮：
<button className="mdl-button mdl-js-button mdl-button--icon">
<i className="material-icons">mood</i>
</button&g
浏览 4提问于2015-10-14得票数 4
回答已采纳
1回答
我在创建我的react应用程序时遇到了问题。我正在从CoinGecko API中获取数据，以构建一个加密跟踪应用程序，但当我将data支柱从父App.js传递给子Info.js时。当我试图呈现页面时，它会给我Info.js:45 Uncaught TypeError: Cannot read properties of undefined (reading 'large')。我真的不明白为什么会这样。
App.js
function App() {
const [isToggled, setIsToggled] = useState(false);
const [dat
浏览 13提问于2022-09-05得票数 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
实际上，我正在开发 Tv电视仪表板 in react.js，下面是教程。
一切正常，但我的twitch不起作用，请有人帮我解决这个问题.。
这是我的控制台中显示的错误：
Uncaught (in promise) Error: Request failed with status code 401
createError createError.js:16
settle settle.js:17
handleLoad xhr.js:61
createError.js:16
fetchData Games.js:30
AsyncFunctionThrow
浏览 4提问于2020-08-11得票数 4
我正在尝试从父对象传递到子对象数组。我试图循环对象数组，以显示对象的两个键值对。但是我没有得到我所期望的输出。
我是App.js
import React from 'react';
import './App.css';
import Parent from './Parent/Parent';
function App() {
return (
<div className="container">
<div className='row'>
浏览 3提问于2020-07-18得票数 0
回答已采纳
我是ReactJs的新手。我知道错误是什么，但我不确定如何处理它。我尝试在初始Page.js的返回函数上使用clearTimeout，但仍然有问题。指导将会非常有帮助。提前谢谢。 错误 警告:无法对已卸载的组件执行React状态更新。这是一个no-op，但它表明您的应用程序中存在内存泄漏。要修复此问题，请在useEffect清理函数中取消所有订阅和异步任务。at HomePortfolio (http://localhost:3000/static/js/main.chunk.js:2507:81) at div at InitialPage (http://localhost:3000/s
浏览 43提问于2021-06-21得票数 0
回答已采纳
打字本汇编
class ClassName { }
至
var ClassName = function () {
function ClassName() {
}
return ClassName;
}();
我通过sweet.js运行JS代码，即使没有定义宏，也会生成如下内容：
var ClassName$659 = function () {
function ClassName$663() {
}
return ClassName$663;
}();
据我所知，如果没有使用顶级的sweet.js，或者如果构造函数使用了不同的名称，那么Cl
浏览 4提问于2015-05-04得票数 3
回答已采纳
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
回答已采纳
我无法转到Move.js页面以页Details.js
我不明白为什么我会有这样的响应:警告:数组或迭代器中的每个子程序都应该有一个唯一的“键”支柱。检查MovieResults的呈现方法
Movie.js：
var Movie = React.createClass({
render: function(){
var link = 'http://www.imdb.com/title/' + this.props.movie.imdbID;
var myLink = 'search/' + this.props.movie
浏览 1提问于2016-08-02得票数 0
回答已采纳
1回答
我有两个组件，一个是Main.js和Search.js，我想在Main.js中链接按钮来导航到Search.js，但是我不知道怎么做。
import React from "react";
import classes from "./Main.module.css";
import Aux from "../../hoc/Aux";
import logo from "../../containers/img/Logo.png";
import Search from "../Search/Search";
im
浏览 2提问于2021-04-06得票数 1
回答已采纳
1回答
我想让和ScrollSpy一起工作。
我目前正在使用以下代码：
(defn main-component
[data owner]
(om/component
(dom/div
#js {:className "col-sm-10 col-sm-offset-2 col-md-10 col-md-offset-2 main"}
(dom/div
#js {:className "main-panel"
:data-spy "scroll"
浏览 1提问于2014-09-20得票数 0
回答已采纳
1回答
因此，我可以制作一个递归子组件，但是来自父的函数不能到达递归子组件(NavLink.js 73 & 74 onClick) Line。下面是我的代码，我将它用于角色库访问的嵌套导航。
App.js亲本
import React, { Component } from 'react';
import './App.css';
import $ from 'jquery';
import Footer from './Footer/Footer';
import Dashboard from './Dashboar
浏览 1提问于2018-07-25得票数 0
我正在尝试创建一个包含Datatables的表，该表具有一个复杂的头文件，如示例。但是，Datatables中的示例使用HTML来定义标头。我使用构建的AEM组件创建数据表，该组件只允许JavaScript初始化并在JS中定义列，而不允许在HTML中定义列
例如：
"columns": [
{ "title": " ", "className": "all" },
{ "title": "Cyclosporin", "className
浏览 0提问于2021-02-23得票数 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
我刚开始学习反应。我在做一个练习项目。它有两个不同的组件& Nav &Main.I，我在App.js中调用这些组件。我的Nav组件有一些彩色的div，显示在点击加号图标。现在，我想在Main.js中创建一个新的div，点击Nav.js中的彩色div。这个新的div应该有和我们点击的一样的背景颜色。我搞不懂怎么做。请!帮帮我。这是我的Nav组件。
const Nav = () => {
const [showColors, setShowColors] = useState(false);
return(
<div cla
浏览 3提问于2020-09-14得票数 0
回答已采纳
1回答
我可以在我的<Footer/>中使用React路由器来在<App/>组件中呈现<div>中的组件吗？现在，如果我将路由添加到我的页脚中，则组件要么呈现在页脚下面，要么呈现在它的上方，而仍然是页脚的一部分。
我的index.js
ReactDOM.render(
[<Header/>, <App />, <Footer />],
document.getElementById("root")
);
我的App.js
<div className="content"><
浏览 2提问于2019-09-24得票数 0
回答已采纳
我正在使用angular中的Datatables.Net。一切都很好。我可以添加打印按钮并预览表的内容。但我想自定义它，并在我的表格上方添加更多详细信息，以便在预览中可以看到我想要添加的数据，这样我就可以打印内容或将其保存为.pdf。 寻找一个东西，在那里我可以添加我的动态html代码，这将呈现在打印预览 下面是我的数据表的init方法 $('#myTable').DataTable({
data: this.data,
retrieve: true,
orderClasses: false,
浏览 14提问于2019-09-13得票数 1
回答已采纳
1回答
我有一个传入主app.js组件的按钮组件，我需要更改该按钮的父元素的样式。显然parentNode没有遵循react规则，那么我如何在react中更改按钮parentNode类的样式呢？有多个“学生容器”。如何仅在选定按钮的父元素上显示: block？
App.js
import Button from "./components/Button";
function App() {
{student
.filter(
(name) =>
name.firstName.toLowerCase().includ
浏览 0提问于2020-11-13得票数 0
2回答
我有像下面这样的JS。我发现如果删除mdl-js-layout，按钮的onClick就能工作。否则就失败了。为什么会这样？我已经做过componentHandler.upgradeDom()了
'use strict';
module.exports = React.createClass({
componentDidMount: function() {
console.log('update')
componentHandler.upgradeDom();
},
addExpense: function() {
con
浏览 4提问于2016-03-27得票数 7
回答已采纳
1回答
未将路由器重定向在确切的url上
、、、、
我正在构建一个web应用程序，其中反应路由器是使用的。当我点击url localhost:8080/user时，它工作得很好。当我点击localhost:8080/user/login时，它不起作用，控制台显示意外令牌>，这意味着什么？我不明白这个问题。
在这一行代码中，当我更改为任何其他类时，还有一件事是不起作用的。
Routes.js
import React from 'react';
import UserBase from './UserBase.js';
import Dashboard from './Dashboard.js
浏览 3提问于2016-07-15得票数 2
回答已采纳
2回答
我在我的网页上的封面图像上渲染一个边框区域时遇到了麻烦。边框区域的内容显示在图像上方，但不显示边框和背景。 ? 边框应该是这样的： ? 我想要同样的经验为封面照片，所以它涵盖了照片的一半，但也有坚实的背景。 下面是一些相关的代码。如果有人能给我一些指导，告诉我如何正确地将它们叠加在一起，那就太棒了。 CompanyProfile.js： class CompanyProfile extends Component {
constructor(props) {
super(props);
}
render() {
return (
<
浏览 14提问于2019-05-11得票数 0
我正在用Laravel构建一个视图，它是使用React和mix构建的。它在/admin上提供，控制器和路由已经设置好了。
我是这样做的：
resources/views/admin/dashboard.blade.php
<!DOCTYPE html>
<html>
<body>
<div id="admin"></div>
<script src="{{ asset('js/components/Admin.js') }}"><
浏览 4提问于2021-06-25得票数 1
我的问题是
auth.isSignedIn.listen((isLoggedIn) => ...
在init()函数中，要触发多次。当我在没有刷新的情况下登录和退出时，它触发的次数不断增加。我在下面添加了控制台日志映像。消息“多少次”应该只打印一次。
下面是我的程序文件
app.js
import React, { Component } from 'react'
import logo from './logo.svg'
import './App.css'
import GoogleOauth from './componen
浏览 0提问于2018-06-16得票数 0
回答已采纳
1回答
我从git中提取了代码，并在其中添加了两个新的文件组件Men.js和Card.js。当我尝试路由到components、Men.js或Card.js时，页面会变为空白，但是文件夹中的所有其他现有组件都会被呈现。没有显示错误。
即使没有路由，Men和Card在App.js中使用时也不会显示。
Navbar.js
import React from "react";
import './style.css'
import {BrowserRouter,Route,Routes, Link} from 'react-router-dom';
impor
浏览 2提问于2022-06-02得票数 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
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
回答已采纳
通常，在auth0和Lock.js中，身份验证不是什么大问题，但对于Next.js和Lock.js来说，这有点棘手。我决定根据我找到的一个教程( passport.js )来尝试。
我想把它部署到Firebase，所以我没有可用的特快服务器。护照应该也适用于自定义回调，但我只得到一个空白页，没有错误。
谁能更幸运地使用最新的Auth0实现Next.js身份验证呢？
/pages/login.js
import React from 'react'
export default () => (
<form action='/api/login'
浏览 0提问于2019-07-14得票数 3
回答已采纳
1回答
我对ReactJS钩子中的以下代码有点困惑，所以基本上当我单击Home()时，它会显示两次( home组件)。我不明白为什么会发生这种事。
我已经定义了Nav组件中的主组件和篮组件，以及App.js中的路由器下面，但是只有购物篮是正确显示的，即只显示一次。如有任何建议请
下面是App.js文件的片段
return (
<Router>
<div className="App">
<header className="header">
<Nav userinfo={use
浏览 0提问于2020-07-06得票数 0
回答已采纳
我正在学习关于反应基础的反应教程。在添加导入语句之后，我的js加载了ReactDOM和ReactDOM cdn，它们不再工作了(即网页没有加载js)，就像教程中的那样。
错误消息:错误ReferenceError:找不到变量:需要全局代码(脚本元素1:3)
这里是我的js文件：
index.js
import React from "react";
import ReactDOM from "react-dom";
import Navbar from "./Navbar";
import Footer from "./Footer&
浏览 6提问于2022-01-14得票数 1
如果我用地图方法调用所有的折扣价格。它很好地工作，但我在控制台中看到，就像这样，错误被发现了。如何修复它
<div className="priceCal flex flex-col items-center">
<p style={{ fontSize: '1.5em' }} className='font-medium pt-3'>Total items: </p>
{
data.map((v, i)=>{
retur
浏览 6提问于2022-02-02得票数 0
回答已采纳
2回答
自动关闭.js切换菜单
、、、
朋友,
我一直通过以下链接使用.js导航菜单切换实现：
var theToggle = document.getElementById('toggle');
// based on Todd Motto functions
// http://toddmotto.com/labs/reusable-js/
// hasClass
function hasClass(elem, className) {
return new RegExp(' ' + className + ' ').test(' ' + elem.cla
浏览 17提问于2017-01-20得票数 0
回答已采纳
我正在从事一个反应项目，因为我必须执行增量操作，并且我正在写作。
这是商店里的逻辑，但我现在不知道如何阻止它在6点之后的增长。
因此，请有人帮助我如何写逻辑，以停止增长后6，它的初始值。
是1.当我单击加号图标时，它必须增加，但它必须停止递增
在第6位之后。在这个项目中，我使用的是。
我是Buttontypes.js
export const additionVariable = 'ADDITION'
我是Buttonactions.js
import { additionVariable } from './Buttontypes';
export co
浏览 3提问于2020-04-10得票数 0
回答已采纳
2回答
我目前正在建设一个购物网站。我完成了主页，我必须为其他页面进行路由，我有三个主要文件: App.js、Menuitem.js (用于执行道具)和Homepage.js (也用于从包含标题、背景图像和节路径的区段数组中应用执行道具)。
这是App
import React from "react";
import Homepage from './Homepage'
import "./styles.css";
import './Homepage.css'
import {Route, Switch} from "reac
浏览 2提问于2020-11-17得票数 0
回答已采纳
1回答
Chrome React扩展
、、、、
无法在react应用程序中添加外部JS。我需要在Div标记后添加JS，但找不到方法。
class Main extends React.Component {
render() {
return (
<Frame head={[<link type="text/css" rel="stylesheet" href={chrome.runtime.getURL("/static/css/content.css")} ></link>,
<script src="h
浏览 1提问于2018-10-25得票数 1
1回答
我正在尝试从我的非常简单的导航栏react页面从一个网站获得一些样式我仍然是非常新的反应，所以我不确定在哪里导入CDN样式的页面链接目前，我有一个引用我的App.js页面的index.js页面和我的App.js页面引用我的App.css页面
我尝试引用的CDN是一个基本的bootstrap CDN
下面是我的App.js代码
import React from 'react';
import './App.css';
function App() {
return (
<nav className="navbar navbar-de
浏览 0提问于2020-07-08得票数 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
回答已采纳
我创建了一个包含电影和视频的单页应用程序。这个web应用程序有4个链接，可以显示不同种类的视频和电影。例如，“孩子”链接显示孩子的视频，“体育”链接显示体育视频等。基于链接名称，我调用一个API来加载该页面上的数据。但在点击链接时，这是不会发生的。下面是代码 // Root.js
class Root extends Component {
constructor(props) {
super(props);
this.state = {
items: [],
isLoaded: false,
浏览 32提问于2019-12-14得票数 0
我是相当新的反应和建立一个原型聊天应用程序。同一页上有两个窗口，一个用于帮助代理，另一个用于客户端(或请求帮助的人)。当代理或客户端输入消息时，该消息应出现在两个窗口中。但是，我的当前版本只是在每个窗口中显示关联的用户，而不是在两个窗口中显示消息。还需要使submit按钮处于不活动状态，直到消息框中包含文本。
我尝试过使用<button type="button" disabled={!this.state.email}>Button</button>并将value={this.state.message} onChange={this.handleCh
浏览 0提问于2018-02-17得票数 2
回答已采纳
我正在使用和，我想知道如何正确地将formik的更改事件连接到TextareaAutosize？
<Formik
initialValues={{
description: ''
}}
validationSchema={Yup.object().shape({
})}
onSubmit={(values, { setSubmitting, setErrors }) => {
console.log('v
浏览 1提问于2019-04-10得票数 4
回答已采纳
这个错误是关于什么的？下一个js。
error - ./components/MiniProfile.js
Error:
x An object member cannot be declared optional
,----
9 | { session? (
: ^
`----
x Unexpected token `(`. Expected ... , *, (, [, :, , ?, = or an identifier
,----
9 | { sess
浏览 5提问于2022-09-20得票数 0
回答已采纳
我有一个反应性组件，在里面，我想使用三元操作符显示一个子组件，它似乎不起作用。
这是我的代码
import React, {Component} from 'react'
// import HeaderProduct from '../components/header_product.co;ntroller';
import HeaderProduct from './../../../components/header_product.controller';
import FooterController from './../.
浏览 0提问于2018-07-27得票数 2
回答已采纳
1回答
我正在使用Gulp，但现在试图通过webpack v4运行我的网站。请原谅我，我是webpack的新手。
TopNav.js -反应元件
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
export default class TopNav extends Component{
render(){
return (
<nav className="ink-navigation
浏览 2提问于2020-07-23得票数 0
回答已采纳
我的QuestionList.jsx文件代码是
import React from 'react'
import Questions from './Questions'
const QuestionList = ({questionList}) => {
return (
<>
{questionList.map((question) => (
<Questions question={question} key={question.id}/>
))}
</
浏览 2提问于2022-09-20得票数 -2
我在config.js中定义了一个图像数组。当使用配置文件时，我无法呈现任何图像，不管原始HTML渲染是否有效。
config.js
portfolioEntry: [
{
image: '../assets/images/portfolio/solo2.jpg',
service: 'Service text',
address: 'The address'
},
{}
...
]
portfolio.js
import React from "react&#
浏览 2提问于2020-04-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
