Как заставить <Link>работать с кнопкой onClick в React при импорте ссылок React-Router-Dom? - PullRequest
0 голосов
/ 16 апреля 2019

Я пытаюсь заставить свою кнопку перейти на страницу редактирования информации о сервере, которую я буду предоставлять для маршрута с Redux. Это тоже написано машинописью, если это что-то меняет?

Я заставлю его работать, если оберну текст кнопки так:

<button onClick={this.handleEditCurrentServer}>
    <Link to={`/servers/${encodeURIComponent(this.props.IServer.name)}/edit`}>
        Edit
    </Link>
</button>

Но проблема в том, что я не хочу, чтобы текст был кликом, я хочу, чтобы вся кнопка была кликабельной, чтобы этот маршрут работал.

Итак, я попробовал это так:

<Link to={`/servers/${encodeURIComponent(this.props.IServer.name)}/edit`}>
    <button onClick={this.handleEditCurrentServer}>
        Edit
    </button>   
</Link>

Но, к сожалению, ссылка больше не используется. Есть ли способ возможно добавить к кнопкам атрибут onClick?

Я охотился на SO и Reddit, но не нашел ничего, касающегося этой проблемы, в частности.

EDIT: Это было помечено как возможный дубликат React-router: Как вручную вызвать Link? , но я пробовал эти ответы, и они не работают.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...