gpt4 book ai didi

javascript - 收到与 react Hook useHistory 相关的错误

转载 作者:行者123 更新时间:2023-12-05 01:10:09 27 4
gpt4 key购买 nike

我已经实现了 useHistory() 与我在下面实现的相同,以前我没有收到任何错误,但在这个组件中我收到了一个错误

Line 6:18: React Hook "useHistory" is called in function "showPost" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks

import React from 'react';
import CloseIcon from '@material-ui/icons/Close';
import {useHistory} from 'react-router-dom';

const showPost = () =>{
let history = useHistory();

const closeUpload = () =>{
history.goBack();
}

return(
<div className="overlay">
<div className="overlay-container">
<button className="close-btn" onClick = {closeUpload}><CloseIcon color="action"/></button>
<h1>Hello</h1>
</div>
</div>
);
}

export default showPost;

请帮我解决这个问题。提前谢谢你。

最佳答案

你应该总是用大写字母来调用你的 React 组件。

统一更新:来自 https://reactjs.org/docs/components-and-props.html#rendering-a-component

注意:组件名称始终以大写字母开头。React 将以小写字母开头的组件视为 DOM 标签。例如,表示一个 HTML div 标签,但表示一个组件,并且需要 Welcome 在范围内。

关于javascript - 收到与 react Hook useHistory 相关的错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64445578/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com