时间戳

首页 > 解决方案 > 在 onclick 函数 next.js 中使用客户端道具

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

问题描述

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 属性，我知道它会说“未定义注销”但我不知道在这种情况下如何定义它

标签： javascriptreactjsnext.js

解决方案

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

推荐阅读