React报错：Functions are not valid as a React child 问题排查求助

控制台报错原因 #

Warning: Functions are not valid as a React child 错误的核心是React尝试渲染一个函数作为子元素，而非合法的JSX元素或基础类型值。结合你的代码，大概率是LoadingBox或MessageBox组件的实现存在问题：

• 组件函数错误返回了一个函数而非JSX元素，比如：

  // 错误示例
  const LoadingBox = () => {
    return () => <div>Loading...</div>;
  }
  

• 这类写法会导致组件最终输出的是一个函数，而非React可渲染的内容，触发该警告。

创建产品不跳转的问题排查方向 #

点击Create Product按钮后未跳转到编辑页，需要从以下几点排查：

• createProduct Action执行情况：检查该action是否成功向后台发送请求并创建产品，同时是否正确触发PRODUCT_CREATE_SUCCESS类型的action，将Redux状态中的successCreate设为true。
• Redux状态更新是否正常：确认productCreate状态下的successCreate和createdProduct是否在产品创建后被正确更新。如果successCreate始终为false，ProductListScreen中useEffect的跳转逻辑就不会触发。
• 路由配置正确性：确保/product/:id/edit路径已在路由中注册，且对应的ProductEditScreen组件能被正确匹配渲染。

内容的提问来源于stack exchange，提问作者ritab15