Блог

Добрый день, я совсем новичок в reactjs, и я пытаюсь передать состояние в качестве реквизита, но оно продолжает давать мне undefined в компоненте, в котором я хочу его использовать. Здесь я передаю состояние, workspacelist — это компонент, получающий состояние

 import React,{useState} from 'react'
import Background8 from '../Images/house3.jpg';
import { useHistory } from 'react-router-dom';
import Workspacelist from '../Workspace/Workspacelist';



function BoardList({ boards }) {
    const history = useHistory()
    const [currentid, setcurrentid] = useState("")
    const navigate = (id) => {
        setcurrentid(id)
        history.push('./workspace');
        return <Workspacelist id = {currentid} />
    }
    return (
        <>
            {
                boards.map((board) => (
                    <li key={board.id} className="boardlist" style={styles} onClick={() => navigate(board.id)}>
                        <h3>{board.title}</h3>
                    </li>
                ))}
        </>
    )
}
export default BoardList

 

Это краткая версия компонента workspacelist, где я его получаю

 import React from 'react'

function Workspacelist({ id }) {

    console.log(id)
}
 

но каждый раз, когда я регистрирую идентификатор, он возвращает undefined