Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[头条小程序] className传入数组,最终渲染的结果跟其他端不一致 #4018

Closed
tourze opened this issue Jul 30, 2019 · 4 comments
Labels
question Further information is requested

Comments

@tourze
Copy link
Contributor

tourze commented Jul 30, 2019

问题描述
例如代码:

<View
        className={[
          'diy-basic-window',
          `diy-basic-window__${style_id}`,
        ]}
        style={wrapperStyle}
      >
</View>

在微信小程序下是正确的:
image

在头条小程序下是不正确的:
image

可以看到,两个className用了逗号做分隔

期望行为
跟其他端行为保持一致

系统信息

👽 Taro v1.3.11


  Taro CLI 1.3.11 environment info:
    System:
      OS: macOS 10.14.5
      Shell: 5.3 - /bin/zsh
    Binaries:
      Node: 11.9.0 - /usr/local/bin/node
      Yarn: 1.13.0 - /usr/local/bin/yarn
      npm: 6.9.0 - /usr/local/bin/npm
    npmPackages:
      @tarojs/async-await: 1.3.11 => 1.3.11 
      @tarojs/cli: 1.3.11 => 1.3.11 
      @tarojs/components: 1.3.11 => 1.3.11 
      @tarojs/components-qa: 1.3.11 => 1.3.11 
      @tarojs/components-rn: 1.3.11 => 1.3.11 
      @tarojs/plugin-babel: 1.3.11 => 1.3.11 
      @tarojs/plugin-csso: 1.3.11 => 1.3.11 
      @tarojs/plugin-sass: 1.3.11 => 1.3.11 
      @tarojs/plugin-uglifyjs: 1.3.11 => 1.3.11 
      @tarojs/redux: 1.3.11 => 1.3.11 
      @tarojs/redux-h5: 1.3.11 => 1.3.11 
      @tarojs/rn-runner: 1.3.11 => 1.3.11 
      @tarojs/router: 1.3.11 => 1.3.11 
      @tarojs/taro: 1.3.11 => 1.3.11 
      @tarojs/taro-alipay: 1.3.11 => 1.3.11 
      @tarojs/taro-h5: 1.3.11 => 1.3.11 
      @tarojs/taro-qq: 1.3.11 => 1.3.11 
      @tarojs/taro-quickapp: 1.3.11 => 1.3.11 
      @tarojs/taro-redux-rn: 1.3.11 => 1.3.11 
      @tarojs/taro-rn: 1.3.11 => 1.3.11 
      @tarojs/taro-router-rn: 1.3.11 => 1.3.11 
      @tarojs/taro-swan: 1.3.11 => 1.3.11 
      @tarojs/taro-tt: 1.3.11 => 1.3.11 
      @tarojs/taro-weapp: 1.3.11 => 1.3.11 
      @tarojs/webpack-runner: 1.3.11 => 1.3.11 
      eslint-config-taro: 1.3.11 => 1.3.11 
      eslint-plugin-taro: 1.3.11 => 1.3.11 
      nerv-devtools: ^1.4.3 => 1.4.3 
      nervjs: ^1.4.3 => 1.4.3 
      react: 16.3.1 => 16.3.1 
      react-native: 0.55.4 => 0.55.4 
    npmGlobalPackages:
      typescript: 2.4.2
@taro-bot
Copy link

taro-bot bot commented Jul 30, 2019

欢迎提交 Issue~

如果你提交的是 bug 报告,请务必遵循 Issue 模板的规范,尽量用简洁的语言描述你的问题,最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足,或者已经其他 issue 已经存在相关内容,你的 issue 有可能会被关闭。

Good luck and happy coding~

@shenghanqin
Copy link
Collaborator

问题描述
例如代码:

<View
        className={[
          'diy-basic-window',
          `diy-basic-window__${style_id}`,
        ]}
        style={wrapperStyle}
      >
</View>

在微信小程序下是正确的:
image

在头条小程序下是不正确的:
image

可以看到,两个className用了逗号做分隔

期望行为
跟其他端行为保持一致

系统信息

👽 Taro v1.3.11


  Taro CLI 1.3.11 environment info:
    System:
      OS: macOS 10.14.5
      Shell: 5.3 - /bin/zsh
    Binaries:
      Node: 11.9.0 - /usr/local/bin/node
      Yarn: 1.13.0 - /usr/local/bin/yarn
      npm: 6.9.0 - /usr/local/bin/npm
    npmPackages:
      @tarojs/async-await: 1.3.11 => 1.3.11 
      @tarojs/cli: 1.3.11 => 1.3.11 
      @tarojs/components: 1.3.11 => 1.3.11 
      @tarojs/components-qa: 1.3.11 => 1.3.11 
      @tarojs/components-rn: 1.3.11 => 1.3.11 
      @tarojs/plugin-babel: 1.3.11 => 1.3.11 
      @tarojs/plugin-csso: 1.3.11 => 1.3.11 
      @tarojs/plugin-sass: 1.3.11 => 1.3.11 
      @tarojs/plugin-uglifyjs: 1.3.11 => 1.3.11 
      @tarojs/redux: 1.3.11 => 1.3.11 
      @tarojs/redux-h5: 1.3.11 => 1.3.11 
      @tarojs/rn-runner: 1.3.11 => 1.3.11 
      @tarojs/router: 1.3.11 => 1.3.11 
      @tarojs/taro: 1.3.11 => 1.3.11 
      @tarojs/taro-alipay: 1.3.11 => 1.3.11 
      @tarojs/taro-h5: 1.3.11 => 1.3.11 
      @tarojs/taro-qq: 1.3.11 => 1.3.11 
      @tarojs/taro-quickapp: 1.3.11 => 1.3.11 
      @tarojs/taro-redux-rn: 1.3.11 => 1.3.11 
      @tarojs/taro-rn: 1.3.11 => 1.3.11 
      @tarojs/taro-router-rn: 1.3.11 => 1.3.11 
      @tarojs/taro-swan: 1.3.11 => 1.3.11 
      @tarojs/taro-tt: 1.3.11 => 1.3.11 
      @tarojs/taro-weapp: 1.3.11 => 1.3.11 
      @tarojs/webpack-runner: 1.3.11 => 1.3.11 
      eslint-config-taro: 1.3.11 => 1.3.11 
      eslint-plugin-taro: 1.3.11 => 1.3.11 
      nerv-devtools: ^1.4.3 => 1.4.3 
      nervjs: ^1.4.3 => 1.4.3 
      react: 16.3.1 => 16.3.1 
      react-native: 0.55.4 => 0.55.4 
    npmGlobalPackages:
      typescript: 2.4.2

我们这样用的classNames来完成的,可以参考https://www.npmjs.com/package/classnames

@yuche
Copy link
Contributor

yuche commented Aug 1, 2019

楼上说得对,你可以用 classNames。Taro 和 React 一样,不支持 class 原生传入数组。

@yuche yuche added answered question Further information is requested labels Aug 1, 2019
@taro-bot taro-bot bot added the to be closed label Aug 1, 2019
@taro-bot
Copy link

taro-bot bot commented Aug 1, 2019

Hello~

您的问题楼上已经有了确切的回答,如果没有更多的问题这个 issue 将在 15 天后被自动关闭。

如果您在这 15 天中更新更多信息自动关闭的流程会自动取消,如有其他问题也可以发起新的 Issue。

Good luck and happy coding~

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

4 participants