React Hook useState显示错误

Question

嗨，我正在尝试编写一个react组件，但它显示了以下错误，我确定renderContent是react函数的组件，但是此错误不断出现。

下面是我的renderContent组件

export const renderContent = () => { 
  const [input, setInput] = useState(''); 
  return ( 
    <form>
     <input
      type="text"
      onChange={e => setInput(e.target.value)}
      value={input}
      onBlur={() =>delay(() =>setInput(''),150}
      placeholder='placeholder here...'
     />
    </form>
  );
};

Answer 1

反应组件应遵循PascalCase命名约定。 换句话说，将 renderContent 更改为 RenderContent ，一切正常。