在 onclick 函数 next.js 中使用客户端道具

Question

class homeNotLoggedIn extends React.Component {
    componentDidMount() {
        function logout(){
            localStorage.clear()
            location.reload()
        }
    }

    render() {
        return (
            <div>
                <div className="nav_bar">
                    <button id='logout' onClick={ logout() }>

我卡在这里是因为我无法将函数移出componentDidMount因为我需要来自客户端的 localStorage 和 location 属性，我知道它会说“未定义注销”但我不知道如何在此定义它案件

Answer 1

您应该尝试实现与此类似的内容。 您可以从 getInitialProps/getStaticProps/getServerSideProps 获取位置，然后将其作为道具传递给您的组件。