Taro中如何正确使用HTML标签写小程序页面？

Tr° 统勋提问于 2026-03-21 01:56:19 阅读 4

移动

我刚接触Taro，想用类似HTML的方式写页面结构，但发现直接写div会报错。比如下面这段代码，在编译成微信小程序时报“div不是合法的小程序组件”，这该怎么改？

<view class="container">
  <div>这是个测试内容</div>
</view>

我知道小程序不支持div，但Taro文档说可以写类React语法，难道不能用标准HTML标签吗？还是说我必须全部换成view、text这些？

跨端开发

我来解答赞 5 收藏

反馈

1 条解答

Mr-会静 Lv1

在Taro里，确实不能直接用HTML的

标签，因为小程序有自己的组件体系。你需要将

换成Taro支持的或者组件。你的代码要改成这样：

import Taro, { Component } from '@tarojs/taro'

import { View, Text } from '@tarojs/components'



class MyComponent extends Component {

  render() {

    return (

      

        这是个测试内容

      

    )

  }

}



export default MyComponent

这里相当于

，用来包裹文本内容。性能上这样做没问题，Taro会处理好这些组件到小程序原生组件的映射。别担心，很快就能上手了。

2026-03-21 02:00