Taro+React开发微信小程序踩坑记-使用原生组件报错

今天在写一个输入框的时候用了原生的 input 组件，结果 taro 加载打包的时候报错 WXMLRT_$gwx:./base.wxml:template:103:20: Template tmpl_0_27 not found.

<!-- 错误示例 -->
<input
  ref={searchInputRef}
  className='home-search__input'
  value={searchValue}
  onInput={handleInput}
  placeholder='关键词搜索'
/>

根据报错信息是找不到什么模板，猜测是小程序输入框不能用原生组件来写，去查了一下Taro组件库，发现有 Input 组件的用法，更改之后就正常运行了

解决方案

import { Input } from '@tarojs/components'

<Input
  ref={searchInputRef}
  className='home-search__input'
  value={searchValue}
  onInput={handleInput}
  placeholder='关键词搜索'
/>