React-contenteditable：按 Enter 后如何更改下一个文件的焦点

问题描述

我尝试在用户在 <InlineEditInput/> 组件 <br> 上按 Enter 后实现 focus() 尝试使用 useRef 但无法正常实现 <br> 图书馆react-continentable

const InlineEditInput = ({ onUpdate,placeholder,data,value,url,name }) => {
  const classes = useStyles();
  const text = useRef(value);
  const onKeyPress = (e) => {
    if (e.key === 'Enter') {
      e.preventDefault();
    }
  };
  const handleChange = (evt) => {
    text.current = evt.target.value;
  };
  return (
    <ContentEditable
      innerRef={text}
      className={classes.input}
      html={text.current}
      onKeyPress={onKeyPress}
      onChange={handleChange}
    />
  );
};

我的这张表是这样的：

<Table.Row key={ID}>
  <Table.Cell>
    <InlineEditInput value={`$${original_balance}`}></InlineEditInput>
  </Table.Cell>
  <Table.Cell>
    <InlineEditInput value={`${rate}%`}></InlineEditInput>
  </Table.Cell>
  <Table.Cell>
    <InlineEditInput value={`$${payment}`}></InlineEditInput>
  </Table.Cell>
</Table.Row>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）