输入字段不会更新(移动)-ReactJS

时间:2019-07-16 13:51:51

标签: javascript reactjs styled-components

  • 我在Styled Components中用React JS创建了一个输入字段
  • 我添加了一个onChange处理程序,用于更新状态

在台式机上的Chrome浏览器中,此功能可以很好地运行,但在我的手机(iOS 12.3.1 Safari)上无法运行。
当我按下Styled Input字段时,它显示了iOS的键盘,但是当我按下某个键来更新值时,它什么也没做。

当然我希望它也可以在电话上更新。

这就是我的工作

import React, { useState } from 'react';
import styled from 'styled-component';

const StyledInput = styled.input`

`;

const Input = () => {
    const [inputValue, setInputValue] = useState('');

    return (
        <StyledInput
            value={inputValue}
            onChange={(e) => setInputValue(e.target.value)}
        />
    );
}

0 个答案:

没有答案