javascript - 如何在 div Reactjs 中添加上下滚动键箭头

Question

如何在输入 textarea 时在 div 中添加上下键盘功能。任何人？

在这张图片中，你可以看到当我在 @ 之后写任何东西时，div 会打开，我想在不使用任何库的情况下在其中添加上/下键盘功能。

几个代码。

const [textAreaInput, setTextAreaInput] = useState("");
const [show, setShow] = useState(false)

function changes(event) {
// console.log(event.target.value);
setTextAreaInput(event.target.value)



if (event.target.value.indexOf("@") != -1) {
  handle_mf_Result(event.target.value.substring(event.target.value.indexOf("@") + 1, event.target.value.length));
}
else setShow(false)

}


return 
<>
  { show ? <div class="chatbot_list" >{lists_of_fund}</div> : null}
  

  <textarea
    ref={input => input && input.focus()}
    id="chatbot_btn-input"
    type="text"
    className="chatbot_comments-textarea"
    placeholder="Type something... or use @ to search"
    value={textAreaInput}
    onChange={changes}
  />

标签： javascripthtmlcssreactjs