用标签页时碰到的问题

[88834591]

最新版本：<ClTabs
tabs={verbTabs}
type="center"
active={active}
onClick={(i) => setActive(i)}
>
请问我没点击为什么会自动执行了这个set呢

[yinLiangDream]

五一会进行适配Taro3.0更新，同时会修复这个问题

[Z-HNAN]

请问Tab组件异常（无法使用），是已知问题吗

<ClTabs tabs = { defaultTabs } >
  {
    defaultTabs.map(item => (
      <View key={item.id} id={item.id}>
        {item.text}
      </View>
    ))
  }
</ClTabs >

点击tab时，无法切换，报错信息如下

经过定位后，发现问题如下

//  ..\node_modules\mp-colorui\dist\weapp\components\tabs\index.tsx
const promise = new Promise(resolve => {
  new Promise(resolve1 => {
    view0.boundingClientRect().exec(res => {
      // res = [null]
      const data = res[0];
      left = data.left;
      resolve1();
    });
  }).then(() => {

taro: 2.1.5
mp-colorui: 0.6.12,

[yinLiangDream]

好的，谢谢，我尽快修复

[yinLiangDream]

请问Tab组件异常（无法使用），是已知问题吗

<ClTabs tabs = { defaultTabs } >
  {
    defaultTabs.map(item => (
      <View key={item.id} id={item.id}>
        {item.text}
      </View>
    ))
  }
</ClTabs >

点击tab时，无法切换，报错信息如下

经过定位后，发现问题如下

//  ..\node_modules\mp-colorui\dist\weapp\components\tabs\index.tsx
const promise = new Promise(resolve => {
  new Promise(resolve1 => {
    view0.boundingClientRect().exec(res => {
      // res = [null]
      const data = res[0];
      left = data.left;
      resolve1();
    });
  }).then(() => {

taro: 2.1.5
mp-colorui: 0.6.12,

请问你的 id 是以数字开头的吗

[Z-HNAN]

请问Tab组件异常（无法使用），是已知问题吗

<ClTabs tabs = { defaultTabs } >
  {
    defaultTabs.map(item => (
      <View key={item.id} id={item.id}>
        {item.text}
      </View>
    ))
  }
</ClTabs >

点击tab时，无法切换，报错信息如下

经过定位后，发现问题如下

//  ..\node_modules\mp-colorui\dist\weapp\components\tabs\index.tsx
const promise = new Promise(resolve => {
  new Promise(resolve1 => {
    view0.boundingClientRect().exec(res => {
      // res = [null]
      const data = res[0];
      left = data.left;
      resolve1();
    });
  }).then(() => {

taro: 2.1.5
mp-colorui: 0.6.12,

请问你的 id 是以数字开头的吗

采用的为demo中的示例，id:id-${index},view0，view都可以获取到
可能是我这taro的一些使用问题，我在页面上获取其他的元素信息也获取不到

// ....
boundingClientRect().exec(res =>{
   console.log(res) // [null]
})

[Z-HNAN]

请问Tab组件异常（无法使用），是已知问题吗

<ClTabs tabs = { defaultTabs } >
  {
    defaultTabs.map(item => (
      <View key={item.id} id={item.id}>
        {item.text}
      </View>
    ))
  }
</ClTabs >

点击tab时，无法切换，报错信息如下

经过定位后，发现问题如下

//  ..\node_modules\mp-colorui\dist\weapp\components\tabs\index.tsx
const promise = new Promise(resolve => {
  new Promise(resolve1 => {
    view0.boundingClientRect().exec(res => {
      // res = [null]
      const data = res[0];
      left = data.left;
      resolve1();
    });
  }).then(() => {

taro: 2.1.5
mp-colorui: 0.6.12,

请问你的 id 是以数字开头的吗

自定义组件中再次使用会有问题

目录结构

|- index.tsx
|- container.tsx

index.tsx

class Index extends Taro.Component {
  // ...
  render () {
    return (<Container />)
  }
}

container.tsx

class Container extends Taro.Component {
  // ...
  return (
     <ClTabs ... />
  )
}

在根组件下使用就没有问题

目录结构

|- index.tsx

index.tsx

class Index extends Taro.Component {
  // ...
  render () {
    return (
     <ClTabs ... />
    )
  }
}

应该是微信的boundingClientRect的问题

[yinLiangDream]

请问Tab组件异常（无法使用），是已知问题吗

<ClTabs tabs = { defaultTabs } >
  {
    defaultTabs.map(item => (
      <View key={item.id} id={item.id}>
        {item.text}
      </View>
    ))
  }
</ClTabs >

点击tab时，无法切换，报错信息如下

经过定位后，发现问题如下

//  ..\node_modules\mp-colorui\dist\weapp\components\tabs\index.tsx
const promise = new Promise(resolve => {
  new Promise(resolve1 => {
    view0.boundingClientRect().exec(res => {
      // res = [null]
      const data = res[0];
      left = data.left;
      resolve1();
    });
  }).then(() => {

taro: 2.1.5
mp-colorui: 0.6.12,

请问你的 id 是以数字开头的吗

自定义组件中再次使用会有问题

目录结构

|- index.tsx
|- container.tsx

index.tsx

class Index extends Taro.Component {
  // ...
  render () {
    return (<Container />)
  }
}

container.tsx

class Container extends Taro.Component {
  // ...
  return (
     <ClTabs ... />
  )
}

在根组件下使用就没有问题

目录结构

|- index.tsx

index.tsx

class Index extends Taro.Component {
  // ...
  render () {
    return (
     <ClTabs ... />
    )
  }
}

应该是微信的boundingClientRect的问题

感谢这么精确的定位，目前来说，这个 bug 在我当前的 tab 结构下几乎无解……我会持续关注这个问题