reactjs - React Hook useState 显示错误

Question

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

下面是我的 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>
  );
};

标签： reactjsreact-hooks

Answer 1

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