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

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