无法弄清楚为什么 React 代码不起作用

Question

我构建了一个自定义Input组件，它只是 HTML input元素的包装器。 这是关键代码，我已对其进行了简化，以便在此处发布：

// @flow

import React, { useState } from 'react';

type Props = {
  value?: string,
  onChange: Function
};

const Input = ((props: Props) => {
  const [ currentValue, setCurrentValue ] = useState(!!props.value ? props.value : '');

  const handleChange = (event: SyntheticInputEvent<EventTarget>) => {
    setCurrentValue(event.target.value);
    props.onChange(event);
  };

  return <input type='text'
                value={currentValue}
                onChange={handleChange} />;
});

我为此编写了一堆 React 测试库测试，它们都通过了。 但是当我在一个web页面中实现这个组件时，初始值没有出现。 我通过删除currentValue代码并仅使用props.value解决了这个问题。 这样就解决了。 但我很好奇为什么上面的这种方法无法显示初始值。

Answer 1

看看这段代码，我确实使用了prop-types