我如何在useRef中重置contentEditable使用中的文本?

时间:2020-07-06 05:37:07

标签: reactjs typescript

我有一个非常简单的应用程序。

如果有一些字符,我想更改空字符串。

检查注释行。

const TagInput: React.FC<Props> = (props) => {
  const domInputRef = useRef<HTMLDivElement>(null);

  const onInput = useCallback((e: React.FormEvent<HTMLDivElement>) => {
    const value = domInputRef.current?.innerText ?? '';
    
    // if last char is space, I will change empty.
    if (value.charCodeAt(value.length - 1) === 160) {
      domInputRef.current?.innerText = "";  // <- here, error! 
      // TS said "Invalid left-hand side in assignment expressio"
    }
  }, []);

  return (
      <div
        contentEditable={true}
        onInput={onInput}
        ref={domInputRef} />
  );
};

0 个答案:

没有答案