新手，请大家帮忙看一下我这个是出的什么问题

wxml代码：

<scroll-view class="container" scroll-y="true">

<view class="todo-list">

<view class="todo-item" wx:for="{{todoList}}" wx:key>

<icon bindtap="transTodo" state="{{item.done}}" class="todo-check" todoId="{{item._id}}" type="{{ item.done ? 'success_circle' : 'circle'}}" />//这一行有问题

<text class="{{ item.completed ? 'todo-content todo-completed' : 'todo-content'}}">{{item.todos}}</text>

<icon bindtap="todoDel" class="todo-del" data-todo-id="{{item.id}}" type="cancel" />

</view>

</view>

</scroll-view>

js代码：

transTodo: function (e) {

const db = wx.cloud.database()

let Id = e.currentTarget.dataset.todoId;

db.collection('todos').doc('Id').update({

// data 传入需要局部更新的数据

data: {

done: e.currentTarget.dataset.state

},

success(res) {

console.log("成功！")

},

fail: err => {

wx.showToast({

icon: 'none',

title: '状态转换失败'

})

console.error('状态转换失败：', err)

}

})

我在网上也查了一些资料，就是关于bindtap的，但是现在还是出错