URL отладки в javascript

Question

Впервые до javascript. Я пытаюсь сделать четвертичную операцию, где, если конец URL является числом, чем показать кнопку.

{console.log(this.urlPersonId)}
{!isNaN(parseInt(this.urlPersonId)) === true ?
    <Button size="sm" variant="outline-success"
            onClick={this.addPersonToHouse.bind(this.urlPersonId, house.HouseId)}>Add</Button>
    :
    <Link>no stuff</Link>
}

И в конструкторе у меня есть

this.state = {
    urlPersonId: window.location.href.substr(window.location.href.lastIndexOf('/') + 1),
    houses: [],
    currentPage: 1,
    housesPerPage: 5
};

Но когда мой URL-адрес заканчивается цифрой, он все равно показывает ссылку "без материала". У меня вопрос, как мне отладить программу, чтобы я мог видеть, что в urlPersonId?

Answer 1

Если вы используете хуки, вы можете использовать

 let { personId } = useParams();

, если вы используете компонент класса, вы можете сделать

 constructor(props) {
    super(props);
    const { match: {
       params: { personId }
        }
    } = props;
    this.state = {
       personId = personId
    }
 }

И затем вы можете использовать this.state.personId везде, где вы потребность в компоненте.

Answer 2

Хорошо, поэтому в основном я положил this.personId, когда он должен был быть this.state.personId.

Чем больше вы знаете : p