Активация input при нажатии на клавишу
Всем привет. Я, так называемый, новичок в реакте и мне нужна помощь с довольно простым вопросом. Мне нужно при нажатии на определённую кнопку активировать input (чтобы появилась возможность в нём писать)
import React, { useState } from 'react'
import './css/Chat.css'
import ChatMessageList from './elements/ChatMessageList'
const Chat = function () {
const [isActive, setActive] = useState(false);
onkeydown = event => {
if(event.key === 't' || event.key === 'T')
setActive(!isActive);
}
return (
<div className="chat">
<ChatMessageList />
<input type="text" name="chat__text__input" style={{display: isActive ? "block" : "none"}}/>
</div>
)
}
export default Chat
Ответы (1 шт):
Автор решения: Алексей
→ Ссылка
Только не забудьте удалить лисенер после размонтирования компонента.