import React, { Fragment} from 'react';
const App = () => {
return (
<div>
<h1>My App</h1>
<InputWithLabel
id="search"
label="Search"
value={"1"}
/>
<InputWithLabel
id="search2"
label="Search2"
value={"2"}
/>
<hr />
</div>
);
};
const InputWithLabel = ({
id,
label,
value,
type = 'text',
onInputChange,
}) => (
<Fragment>
<label htmlFor={id}>{label}</label>
<input
id={id}
type={type}
value={value}
onChange={onInputChange}
autoFocus
/>
</Fragment>
);
export default App;
当我在 App 中 render 两个该组件时,发现 autoFocus 只有最后一个组件接收到了。为什么???
1
johnnyNg 2020-08-11 11:29:49 +08:00 1
你见过页面里面同时两个输入框 focus 的吗?
|
2
susan0007 2020-08-11 11:36:07 +08:00
哈哈哈哈哈哈哈哈哈哈哈哈哈
|
3
zhao7399686 2020-08-11 12:44:18 +08:00
哈哈哈哈哈哈哈哈哈哈哈哈哈
|
4
IceBay 2020-08-11 13:27:50 +08:00
哈哈哈哈哈哈哈哈哈哈哈哈哈
|
5
qiutianaimeili 2020-08-11 14:21:53 +08:00
1 楼完美答案
|