reactjs - React-contenteditable:按 Enter 后如何将焦点更改为下一个文件
问题描述
<InlineEditInput/>
用户在组件上按 Enter 后,我尝试实现 focus()<br>
尝试使用 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>
解决方案
推荐阅读
- python - 即使没有断点,Spyder 调试器也会停止
- java - Java 内置 JSON 解析器
- javascript - 未捕获的类型错误:无法读取 null XMLHttpRequest JAVASCRIPT 的属性“项目”
- r - 我对 glm 的 anova 测试的软件 R 有问题
- python - def() Python 中超过 2 条返回规则
- javascript - Angular js代码在使用错误后终止
- rxjs - ngx-select-dropdown 如何包含 debounceTime?
- spring-boot - 当spring boot应用程序在linux中部署为服务时,如何动态传递或指定application.yml?
- c++ - 在引用初始化中使用已删除的复制构造函数进行复制初始化
- jwt - 如何配置并告诉 Auth0 使用 Authorities (JWT) 返还身份验证令牌