不想要的React组件重现？
不想要的React组件重现可以通过以下几种方式解决：
- 条件渲染：使用条件语句（如if语句或三元表达式）来判断是否渲染组件。根据特定条件，可以选择性地渲染组件或其它替代内容。
- 状态管理：通过管理组件的状态来控制组件的渲染。当不需要某个组件时，可以将其对应的状态设置为不渲染，从而实现组件的隐藏。
- 动态组件：使用React的动态组件功能，根据特定条件动态地加载不同的组件。可以根据需要在不同的场景下加载不同的组件，从而避免不需要的组件重现。
- 组件卸载：在不需要某个组件时，可以通过卸载组件的方式来彻底移除该组件。可以使用React的生命周期方法（如componentWillUnmount）或React Hooks（如useEffect）来实现组件的卸载。
- 组件复用：如果某个组件在多个地方都需要使用，但在某些场景下不需要显示，可以将其封装成一个可复用的组件，并通过props属性来控制是否显示。这样可以避免重复编写相似的代码。
总结起来，不想要的React组件重现可以通过条件渲染、状态管理、动态组件、组件卸载和组件复用等方式来解决。具体选择哪种方式取决于具体的需求和场景。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
我是这个平台上的新手，reactjs的输出有一个问题。
如果尝试使用react表创建一个表，但是如果得到了以下错误:这个错误表示，react需要一个字符串，但是我给他们一个对象。但我不明白这是什么意思。
你知道我为什么会犯这个错误吗?我是如何修正这个错误的？
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
Error: Minified React error #130; vi
浏览 0提问于2018-02-09得票数 3
回答已采纳
我正在查看中的一个示例
...
export const TextFieldControlledExample: React.FunctionComponent = () => {
const [firstTextFieldValue, setFirstTextFieldValue] = React.useState('');
...
const onChangeFirstTextFieldValue = React.useCallback(
(event: React.FormEvent<HTMLInputElement | HTMLTextA
浏览 11提问于2021-03-02得票数 1
我正在尝试用react和redux制作库存清单应用程序，但我有一个小问题，需要一些了解它。
我知道我们几乎没有办法创建react组件并尝试获取尽可能多的所有信息，但仍然不确定为什么会发生这个问题。
我有app.js，这是我所有的React-Router设置
console.log('The application has been start...');
import React from 'react'
import { render } from 'react-dom'
import { IndexPage } from './mo
浏览 9提问于2017-01-24得票数 0
回答已采纳
2回答
这个应用程序呈现了一个带有复选框的食物列表。我有一个组件，当复选框值被选中时，它应该计算并显示它们的总和。我无法显示复选框中的值。 这就是我目前所拥有的。 这个文件呈现了一个食物列表，每个食物旁边都有复选框。 import React from "react";
import { Card, Accordion } from "react-bootstrap";
const Cards = props => {
return (
<Accordion defaultActiveKey="0">
<
浏览 10提问于2020-01-05得票数 0
回答已采纳
我希望iframe内外的React组件都能访问相同的状态。 作为一个示例，我想要一个Panel来调整iframe外部的状态，它会立即在iframe内重新呈现react组件。反之亦然，我希望对iframe内部组件的更改传播到iframe外部的设置面板。 我有什么选择？ (目的是构建一种方法来预览组件的响应行为，而iframe似乎是最可靠的选项？)
浏览 20提问于2019-01-12得票数 3
我正在使用React开发一个SPA。 目前，在生产环境中，当应用程序崩溃时，用户只能看到空白页面。 因此，我正在尝试设置一个自定义错误页面。 由于我在react应用程序中使用BugSnag进行错误监控，因此我使用了BugSnag提供的ErrorBoundary。 下面是初始化和放置ErrorBoundary的代码。 const bugsnagClient = bugsnag('8XXXXXXXXXXXXXXXbac')
bugsnagClient.use(bugsnagReact, React)
const ErrorBoundary = bugsnagClient.getP
浏览 14提问于2019-12-10得票数 1
我是这个堆栈溢出世界的新手。请帮帮我。如何根据从父组件单击的按钮来刷新子组件。例如，我在父组件中有一个名为refresh的按钮，它不会将任何状态变量或属性传递给子组件。但我希望根据单击parent的按钮再次加载子组件。我尝试添加状态变量，但它没有更新子组件。
父组件：
import React from "react";
import ChildComponentForRefreshTesting from "./ChildComponentForRefreshTesting";
class MyComponent extends React.Componen
浏览 19提问于2021-05-12得票数 0
回答已采纳
这是我得到的错误
TypeError: Cannot read property 'name' of undefined
LibrarySong
C:/Users/Vimalan/Desktop/React-Course/ChapterTwo/reactprayer2/src/components/LibrarySong.js:5
2 | //This file just display song title, picture, mp3 file
3 |
4 | const LibrarySong = ({ song }) => {
> 5 |
浏览 4提问于2021-04-29得票数 0
回答已采纳
我正在尝试通过构建一个简单的web应用程序来学习react，用户可以上传图像并对其应用不同的效果。我碰到了一点路障。我正在尝试弄清楚如何在用户单击其中一个效果后重新呈现imagecontainer。我读到过forceupdate，但不推荐使用。下面是我的代码：
import React, { Component } from 'react';
import ImageContainer from './components/image_container';
import AppliedContainer from './components/appl
浏览 0提问于2017-03-25得票数 1
2回答
我对react & TypeScript还是个新手。
我正在尝试修改一些功能，但做起来很困难。
目前，我们在同一页上显示所有订阅和所有事务，而我想要做的是，基于订阅选择，显示所有事务(当前订阅和事务都是兄弟)。
我已经在订阅上创建了一个单击事件，它调用handleViewTransaction
问题是我不能从handleViewTransaction重新渲染TransactionsTable。
我需要让它成为父子吗?或者有一种方法可以在不进行太多代码重构的情况下实现它？
import * as React from 'react'
import {RouteCompon
浏览 14提问于2020-02-18得票数 0
回答已采纳
我在我的react-native v0.49应用程序上实现了互联网检查。我使用的是react-native的NetInfo。我添加了eventListener，当发生任何变化时，它将调用函数。但当我在模拟器和真实设备上测试它时，我只得到了第一个变化，但如果我断开与Wifi的连接，我看不到任何变化。
internetConnectionPopUp
import React, { Component } from 'react';
import {
View,
Text,
NetInfo
} from 'react-native';
浏览 2提问于2017-10-19得票数 5
回答已采纳
下面的代码是React的SPA的App.js代码。我正在使用react router v5来设置404页面，但它显示了默认的404。
我的密码怎么了？
import React from 'react'
import { BrowserRouter, Redirect, Route, Switch, useLocation } from 'react-router-dom'
import ScrollToTop from '../src/pages/ScrollToTop.js'
import Header from "../src/pa
浏览 9提问于2022-03-09得票数 -1
我正在开发一个应用程序，它的一个部分包含了一个玩家列表。列表中的每一项都包含球员的名字，他/她拥有的积分和一个用来改变积分的IOS stepper。
每次我使用IOS stepper修改玩家的点数时，应用程序的状态都会根据该值进行更改。但是，包含玩家分数的文本不会被修改。render函数被调用，应用程序的状态没有变化，因此文本组件也应该改变。我发现当render函数被调用时，它会“跳过”List组件，所以它不会被渲染，也不会调用renderRow函数。
当我切换到TabBar的第二个选项卡，然后返回到第一个选项卡时，文本只显示当前玩家的分数。在这种情况下，将呈现List组件。
我认为这是一个非
浏览 5提问于2017-07-13得票数 1
1回答
我有一个应用程序，在所有路线上使用相同的布局.除了一个。一条路线将与所有其他路线完全不同。
因此，整个应用程序将有一个菜单，身体，页脚等。一次过的路线将没有任何一个，并是一个完全独立的东西。
我应该如何在一个反应应用程序中设置这类东西？我见过/做过的每件事都有一个主包装元素，它的路径作为子元素呈现。
index.js
import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter } from 'react-router-dom'
import
浏览 2提问于2017-10-25得票数 0
回答已采纳
如果我从主屏幕转到产品详细信息屏幕，然后转到购物车屏幕，则状态更新工作正常，但如果从购物车屏幕添加或删除项目，然后导航回产品详细信息或主屏幕，则状态未更新，为什么？查看下面的vudeo链接：
我正在使用redux，但是即使redux存储状态被更新，它仍然不能呈现更新状态的组件，为什么呢？
我正在考虑使用react导航事件，但是我得到了错误，为什么？如何解决这个问题？这是redux问题还是react导航问题？当导航回到上一个屏幕时，组件是否会重新呈现？
如果我刷新模拟器屏幕，那么状态被正确地更新和显示，为什么会发生这种情况？
我想要重新渲染Home component时，聚焦回来，但得到错误。为
浏览 0提问于2020-02-23得票数 2
我正在处理一个单独的模块，这个模块包含支持HTML输入元素的formik。
问题是我无法使用useFields()钩子，因为我的模块组件没有连接到formik上下文。
下面是驻留在不同模块中的组件：
import React from "react";
import PropTypes from "prop-types";
import { useField } from "formik";
export function TextField({ label, ...props }) {
const [field, meta] = useF
浏览 7提问于2020-03-02得票数 13
2回答
我有一个“事件”列表： {
id: 1,
description: "Did something",
date: <date>,
eventTypeId: 1
} 我在componentDidUpdate中获取这些事件，然后将它们作为一个道具形式redux connect mapStateToProps传递给我的组件-它们来自一个“选择器”- getEvents。 我想在react-big-calendar上显示它们，它希望它们以这种格式显示- Event {
title: string,
start: Date,
end: Date,
浏览 13提问于2019-02-22得票数 2
回答已采纳
我正在使用semantic-ui react来呈现数据表。我的要求是，当页面在移动视图上时，我会隐藏某些列。我尝试在Table.Cell元素上使用className="mobile hidden"，但似乎根本不起作用。
然后，我尝试使用如下所示的Responsive组件，但出现错误。我是不是漏掉了什么？找不到其他有此问题的人...
<Responsive as={Table.Cell} minWidth={Responsive.onlyMobile.minWidth}>
{record.datapoint}
</Responsive>
浏览 2提问于2018-01-04得票数 8
回答已采纳
import React, { useState } from 'react';
import Course from './Course';
const Allcourse = () => {
const [courses, setCourse] = useState([
{ title: 'java course', description: 'this is demo' },
{ title: 'react course', description: 'this is d
浏览 23提问于2021-09-01得票数 0
1回答
我有两个React功能组件：C1和C2。C2嵌套在C1中 const C2 = () => {
console.log("C2 Render");
return (
<div>I am Component 2</div>
);
};
const C1 = () => {
const [text, setText] = useState("Hello");
const MC2 = React.memo(C2, () => true);
return (
<div cl
浏览 9提问于2021-09-23得票数 0
回答已采纳
App.js：
import React, { useState } from "react";
import Login from "./Login";
function App() {
const [id, setId] = useState();
return (
<>
{id}
<Login onSubmit={setId()}/>
</>
);
}
export default App;
和
Login.js：
import React, { useRef
浏览 12提问于2021-05-24得票数 0
回答已采纳
我正在使用React和这个库创建一个组织结构图：https://github.com/bumbeishvili/org-chart。它使用D3创建组织结构图。 我想使用自定义React组件来设置组织结构图中每个节点的样式，但是当我尝试将节点内容设置为React组件时，它返回{object Object}，而不是实际呈现该组件。 ? 请看一下这个重现错误的Stackblitz：https://stackblitz.com/edit/d3-org-chart-react-integration-hooks-oysugz?file=OrgChart.js 在这里，我尝试将节点内容设置为<
浏览 64提问于2021-10-27得票数 0
回答已采纳
1回答
componentDidMount()只调用了一次，但其中的分派和订阅函数被调用了多次...此函数的第一行只执行第一次，但每次重新呈现我的组件时都会调用订阅函数。react如何在不遇到console.log(“已挂载”)的情况下到达订阅函数，即函数的第一行？
componentDidMount() {
console.log("mounted"); //executed just once
const {store}=this.props;
store.subscribe(()=>{
console.log("S
浏览 4提问于2021-07-19得票数 1
在我的React-Native应用程序中，我有一个通过跟随"“呈现每一行的ListView。在我的行中，我有两个自定义的TouchableHighlight组件。当我在我的行中按下"Delete“按钮时，我希望它替换整行或该行中的所有按钮组件，并显示一个文本组件，显示"This item has Delete”。
有谁知道如何做到这一点吗？我不确定如何将子组件的onPress方法(删除按钮)链接到父组件(行)，并让行将其内容替换为文本组件。
浏览 5提问于2017-07-25得票数 0
回答已采纳
2回答
我试图在我的React Native项目中使用边距样式属性的百分比值，但它似乎减少了我的一个View组件的高度。如果我用一个绝对值替换百分比值，就不会再有问题了，它工作得很好。您是否尝试在React Native中使用百分比值作为边际？以下是重现此问题的一个小代码示例：
import React, { Component } from 'react';
import { Text, View, StyleSheet } from 'react-native';
export default class App extends Component {
ren
浏览 18提问于2018-05-23得票数 19
我在我的应用程序中使用了react路由器，我正在寻找一种方法来阻止已经在DOM中的组件的重装。例如，如果我在URL dashboard，那么我将安装一个相关的DashboardComponent。当我转换到dashboard/settings时，我的DashboardComponent和SettingsComponent被重新装入DOM中。我想找到一种干净的方式，只挂载当前URL的子地址。这个可以定位吗？
路由器：
import { Component, createFactory, PropTypes } from 'react'
import { Route, RouteH
浏览 0提问于2015-08-04得票数 11
回答已采纳
不久前，我从ES6开始使用+ React，在此表单上应用验证方法遇到了困难，我正在使用，问题不是语法，而是如何/在何处在状态和道具之间以及何时通过这些验证的方法。
我构建的表单如下：
在调用App.js作为子组件调用FormErrors的ComponentForm中，我已经开始声明字段，但是我不知道在哪里应用验证，我很乐意从简单的FormErrors组件中获得传入的错误。
为了简洁起见，已经删除了无关的consts/vars (api键、电子邮件消息等)。
我的表格：
import React, {Component} from 'react';
import validato
浏览 0提问于2018-04-01得票数 1
我不熟悉React，我非常困惑，日夜不停地思考这个问题，几乎我所有的头发都掉下来了，这就是为什么在使用类创建组件时，总是扩展React.Component类的原因。
但是在React.Component函数组件和其他方法中，我们没有做任何这样的事情来将创建的组件推入到类中。因此，主要的问题是，什么是React.Component类?为什么我们总是将新组件作为使用扩展的子组件添加到它，以及为什么我们不能在没有在类组件中使用扩展或不扩展React.Component类的情况下在react中创建本机组件。那么，React.Component类是什么呢？内部发生了什么？
我会非常感谢这个人，他会用例子
浏览 0提问于2018-10-01得票数 5
回答已采纳
1回答
我正在尝试将redux状态合并到tsx文件中定义的react组件中的属性中。
我在其他地方定义了LoggedInUserState类型，它在其文件中导出如下：
import { Action, Reducer } from 'redux';
// -----------------
// STATE - This defines the type of data maintained in the Redux store.
export interface LoggedInUserState {
userName: string,
isAdmin: bool
浏览 0提问于2018-08-01得票数 0
回答已采纳
2回答
我试图建立与反应路由器和webpack.require.ensure函数加载模块，但方法不呈现组件。
在我的示例中，Button组件默认呈现(在主页上)。当我单击按钮时，路由器将我重定向到/admin url，我可以在我的web控制台中看到require.ensure加载了新的块，但是Label组件没有呈现。
index.jsx
import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import {Router, Route, useRouterHistory, bro
浏览 1提问于2016-10-31得票数 4
回答已采纳
下面是我的设置：
string-file.properties
someKey=This is my <span class="hello">{0}</span> string!
react-file.jsx
import stringAPI from 'string-file';
class MyComponent extends Component {
get content() {
return { __html: stringAPI.someKey(this.props.word) };
浏览 17提问于2017-12-20得票数 0
我想切换FullScreen。component有一个toggleFullscreen方法，但在文档中只有Class Components。
import React, { useRef } from 'react';
// Components
import { Player } from 'video-react';
export default () => {
const videoRef = useRef(null);
return (
<div>
<Player ref={videoRef}
src=&#
浏览 42提问于2019-07-27得票数 1
2回答
原生呈现列表react
、、、、
我使用了react native，并让parent component与modal一起使用。当模式打开时，我的带有列表呈现的子组件只呈现一次，但接口冻结大约1秒或2秒取决于列表中的元素。列表的平均大小为50个元素。会有什么问题呢？ <View style={styles.screenWrapper}>
<View style={styles.container}>
<List
onChoose={onChoose}
flightOffers={paginate
浏览 21提问于2021-09-07得票数 0
回答已采纳
我从使用下面提到的演示应用程序的资料ui的简单react组件开始：，我有以下问题
我们是否需要对每个和evert组件使用MuiThemeProvider？
有没有办法在全球范围内使用它？
对于给定的代码，这是很好的工作。但是，当我在MuiThemeProvider标记中添加任何附加组件时，它不会呈现任何内容，webpack也不会抛出任何错误。
让我们来看看下面的例子。我只复制了两次MyAwesomeReactComponent，它就停止工作了。如果我移除MyAwesomeReactComponent的第二个实例，这是很好的。
import React from 'rea
浏览 1提问于2017-08-20得票数 1
回答已采纳
1回答
语义UI侧边栏不会显示-反应
、、、、
我目前正在使用React中的语义UI在我的AppBar上实现一个侧边栏。到目前为止，我已经记下了：
import React, { Component } from 'react'
import { Menu, Segment, Dropdown, Icon, Button, Sidebar, Dimmer } from 'semantic-ui-react'
import { LogInButtonEX } from './LogInButton.jsx'
import { IndicateursEX } from './Indicat
浏览 2提问于2017-07-24得票数 0
回答已采纳
我想通过调用initializeInput来初始化卡。但它在循环中被调用，并耗尽内存。但是如果我在button click Reset上调用相同的函数，它工作得很好。 如何在启动时调用initializeInput？ const CardsContainer = (props) => {
var inputNum1, inputNum2, inputNum3;
const [inputNumber, setInputNumber] = React.useState([inputNum1,inputNum2,inputNum3 ]);
const initializeI
浏览 234提问于2020-04-27得票数 1
我理解(至少认为我理解)。但是使用react redux绑定包的组合让我有点困惑。
https://github.com/reactjs/react-redux
让我不安的第一件事是使用连接的动机。为什么不直接从根组件中使用store.subscribe(()=>{this.setState({})})？
由于存储是全局的，所以您可以从任何组件中分派一个操作，并从任何主管(甚至是深嵌套在层次结构中)获取当前状态。因此，我们不需要react redux，尽管我可以看到如何使用react可以通过绑定我们需要的属性来使它更加严格和安全。
这是redux页面中使用包：http://redux.j
浏览 0提问于2017-08-29得票数 2
回答已采纳
我正在尝试创建一个8列的表，每一列都包含<input />元素。由于某些原因，我在文本输入的on change事件中遇到延迟。将列数减少到4列以下会使体验更好。这可能有一定的意义，但我也尝试增加了列的数量，我发现对于10个或更多的列，体验再次变得很好。您可以查看我的超级简单的React应用程序，其中您可以动态更改columns - 的数量。
这是我的代码：
import React from 'react';
import { AutoSizer, Table, Column } from 'react-virtualized';
class Ap
浏览 14提问于2019-08-01得票数 13
我正在尝试获取有关子组件的ref，但它似乎不起作用。同样的方法适用于React类组件，但不适用于钩子。
import React, { useState, useRef } from "react";
export default function TestContainer(props) {
const ref = useRef(null);
return (
<div className="test-container" onClick={() => console.log(ref) // this logs null
浏览 0提问于2020-08-06得票数 0
我希望得到一些关于以下挑战的建议：
我已经创建了一个PugJS视图-->该视图在EpxressJS路由中呈现->在对ExpressJS函数res.render的调用中，React组件作为ExpressJS .render()函数调用中的数据包括在.
好了！问题是，React组件没有被正确地呈现并作为HTML元素挂载。我只得到一个'div‘和第一个'a’标签。好了！我使用webpack将up...resulting捆绑在一个bundle.js文件中，该文件包含在bundle.js视图中的“script”标记中。好了！注意“简单反应模式”的用法。
以下是反应
浏览 1提问于2016-11-10得票数 0
回答已采纳
我有一个像http://abc.go.com或http://abc.go.com这样的url格式。
在React Native中，我有一个包含一些子<Text>...</Text> <Text>...</Text>
我的结构如下：
<Text>
<Text>
My homepage is a link like :
</Text>
<Text>
http://abc.go.com
</Text>
<Text>
浏览 0提问于2016-07-08得票数 2
3回答
请帮我解决一个问题。我不明白如何实现登录后重定向到主页。我需要刷新应用程序才能做到这一点。 在我的app.js中，我有一个常量isSigned，它从AsyncStorage中获取一个值，当它不是空的时候，应用程序应该呈现'home‘组件，但它没有 登录工作，我可以得到令牌，并可以保存到AsyncStorage。 app.js： import React, {useState, useEffect} from 'react';
import {ActivityIndicator, SafeAreaView, StyleSheet, Text, View} from &#
浏览 23提问于2021-05-04得票数 0
如何在Jest / React测试库中编写单元测试，以使用npm库react-error-boundary测试React的错误边界是否正常工作？例如。
const ErrorFallback = ({error}) => <p>There was an error!</p> // can use error.message later
const SimpleComponent = () => <h1>Hello, world</h1>
const TopLevelComponent = () => (
<
浏览 0提问于2021-10-11得票数 0
1回答
我想在我的React应用程序中使用默认的引导组件，所以我使用的是React-package。但我在一开始就坚持住了:我不能使用任何，尽管我只是从官方文档中复制非常简单的示例。每次我使用引导带样式的组件时，我都会得到基本的组件没有样式.例如，下面的代码呈现一个没有样式的<button>，而不是<Button bsStyle="danger">。
import React from "react";
import ReactDOM from "react-dom";
import {Provider} from 're
浏览 0提问于2016-11-24得票数 2
回答已采纳
例如，我们有一个组件(这是一个子组件)：
class Child extends React.Component {
constructor(props) {
super(props);
this.state = {show: props.show || false};
this.close = this.close.bind(this);
this.open = this.open.bind(this);
}
close() {
this.setState({show: false}
浏览 1提问于2016-04-02得票数 1
回答已采纳
1回答
React原生视频Cookie
、、、、
我正在尝试使用@react-native-community/react-native-video播放来自CloudFront的安全视频。 为了重现视频，我必须设置3个cookie: CloudFront-Key-Pair-Id，CloudFront-Policy和CloudFront-Signature。 我已经能够用这个模块在IOS中重现视频：react-native-cookies 但我无法在android中重现视频。如何设置cookies以播放此视频？ 视频是一个.m3u8扩展(HLS) 非常感谢!
浏览 11提问于2019-12-17得票数 2
回答已采纳
正如我刚刚开始完全理解的那样，om.core/build和om.next的工厂函数返回React元素对象，这些元素对象引用组件函数/类和，也就是说，(om.core/build some-component data)实际上不会立即调用some-component。
但是，我们通常将简单的“无状态”组件表示为只使用道具并返回一个React元素的函数。在(纯粹的) React世界中，您可以像使用组件类一样使用这些函数之一，如React.createElement(AStatelessComponent, {some: "props"})，或者更方便地使用JSX作为<ASta
浏览 2提问于2016-06-20得票数 1
我为局部变量使用了react钩子，比如const using，setSomthing = useState('')和redux来存储通过整个组件使用存储和提供程序传递的变量。 但是我被告知不应该同时使用React Hooks和Redux。有人能解释为什么我不应该，如果我不应该，我应该如何在函数组件中存储局部变量？
浏览 8提问于2019-12-18得票数 3
回答已采纳
在我的样式组件上获取类型记录错误
类型'{子:字符串；}‘没有与类型’IntrinsicAttributes‘..ts(2559)相同的属性。
import React from 'react'
import { NotificationSuccess, NotificationError } from '../../styles'
interface IProps {
error?: boolean;
message: string;
}
export const Notification = (props: IProps) =&
浏览 0提问于2019-03-12得票数 36
回答已采纳
我试图传递这个handleSubmit事件处理程序，我不知道我做错了什么。如果在子组件上使用匿名函数，则该函数可以正常工作。编译器不会抛出任何错误，当您在VS代码上突出显示"onSubmit“支柱时，我使用了这些类型。
这是父组件.
const App: React.FC = () => {
const [auth, setAuth] = useState<boolean>(false);
const authToken = () => Math.random().toString(36).substr(2);
const handleSubmi
浏览 1提问于2020-06-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
