我正在开发一个React中的电影数据库应用程序,并致力于将电影添加到监视列表和收藏列表中的功能。当我点击按钮添加到收藏夹,没有问题,但当我点击按钮添加到监视列表,应用程序崩溃,我得到以下错误。
Uncaught TypeError: Cannot read properties of undefined (reading 'find')
at Movie (Movie.js:21:1)
at renderWithHooks (react-dom.development.js:16305:1)
at mountIndeter
我正在阅读一本“反应学习”教材,它解释了我对胡克斯的看法。钩子部分工作正常。
作者演示了如何用一些易于使用的样式和相关组件定制钩子。
我有下面的代码。
import React from 'react';
// import logo from './logo.svg';
import './App.css';
import StarRating from './components/StarRating';
import StarRating2 from './components/StarRating2';
i
我试图触发我的自举模式,这是在父组件中,从子组件中的一个按钮。为了实现这一点,我将handleShow函数作为道具传递到子组件中,但这似乎不起作用。该模式在单击按钮时不会打开,浏览器控制台上也没有错误。
父组件:
OnboardPage.jsx
import React from 'react'
import { Row, Form } from 'react-bootstrap'
import { PersonalDetails } from './personalDetails'
import { EmailVerification } f
我正在尝试从react-rounter-dom库组件NavLink创建一个带有超链接的菜单,并使用样式化的组件对其进行样式设置。
我创建了一个名为Link的组件,它是NavLink所在的地方,因此您不会多次重复这一行代码,然后将该组件传递给样式化组件,以继承其属性,从而可以将样式应用于它。
但是样式并没有应用到我的组件中。
NavLink
import { NavLink as NavLinkReactRouterDom } from "react-router-dom";
const Link = function ({ to, children, ...props })
在我的应用程序中,我有一个组件,我想从外部用css支柱进行样式化。
function Component({css}:{css?: React.CSSProperties}) {
// some stuff going on here
return (
<div
css={{
color: blue,
...css
}}
>
// some stuff going on here
</div>
)
}
背景如下:我希望在不同的场景中使用Component,在这些场景
我有两个组件,为了简洁,我简化了代码.问题是,当我导入ComponentB作为ComponentA的子级时,我似乎无法更改ComponentB的样式。
我使用的是造型组件FYI。
示例:
在ComponentA中,我正在导入ComponentB。ComponentB是一个独立的组件,它封装了自己的样式和逻辑。当ComponentB在ComponentA中使用时,我需要覆盖/扩展它的一些样式。
下面是一个代码示例:
// ComponentB
import React from "react";
import * as S from "./ComponentB.style
import React, { useEffect, useState } from 'react';
import styled from 'styled-components';
import manImage from '../utils/man.png';
import faceImage from '../utils/sad-face.png';
import axios from 'axios';
import { quizData } from './../data/data';
im
import React from 'react';
import SearchDocument from './components/searchDocument';
import CreateRequest from './components/createRequest';
import { BrowserRouter as Router } from "react-router-dom";
import { Route, Switch } from 'react-router-dom';
class App
因此,我将导入一个自定义组件TextButton,并将其打包到另一个OutlinedButton中。我导出类OutlinedButton,希望看到道具的传递和添加的新样式呈现。然而,只有道具被正确地呈现。我添加的额外样式根本没有出现。对于为什么会发生这种情况,有什么想法吗?
import React, { Component } from 'react';
import TextButton from './TextButton';
class OutlinedButton extends Component {
render() {
r