小编Mak*_*hko的帖子

我可以在 React Native 的样式组件中使用转换吗？

我这样定义样式组件：

const StyledAnimatedView = Animated.createAnimatedComponent(styled.View<
    ViewProps
  >`
    transform: translateY(-100);
`);

但在安装组件时它会引发错误：

错误：无法解析声明“transform：translateY（-100）”

我知道这在网络中是可能的，但在 React Native 中可能不行？

我制作了一个单独的组件，可以将其视为我在父组件中调用的子组件。通过正确导入来调用组件时，我遇到了这个问题

我尝试创建一个单独的方法来调用组件，然后调用将带来组件功能的方法，但没有成功。

下面是名为 GlobalHeaderHelpLabel.js 的子组件：

import React from "react";
import { Popover } from "@salesforce/design-system-react";
import { GlobalHeaderHelp } from "@salesforce/design-system-react";

const ipsum = "Lorem";

class GlobalHeaderHelpLabel extends React.Component {
  render() {
    return (
      <GlobalHeaderHelp
        popover={
          <Popover
            ariaLabelledby="help-heading"
            body={
              <div>
                <h2 className="slds-text-heading_small" id="help-heading">
                  Help and Training
                </h2>
                {ipsum}
              </div>
            }
            id="header-help-popover-id"
          />
        }
      />
    );
  }
}

export default GlobalHeaderHelpLabel;

下面是我调用该子组件的父组件，并面临名为 GlobalHeaderLabel.js 的错误：

import React from "react";
import GlobalHeaderHelpLabel from "./GlobalHeaderHelpLabel";

class GlobalHeaderLabel extends React.Component {
  render() {
    return ( …

我尝试在模板中创建一个唯一的 id：

<input type="checkbox" id="cb"+{{data.id}} />
<label for="cb"+{{data.id}}>
   <img class="card-image" [src]="imgUrl"/>
</label>

这data是一个具有字符串 id 属性的组件对象：

@Input() data: Constructor;

但我收到这个错误：

ERROR DOMException：无法在“Element”上执行“setAttribute”：“+{{data.id}}”不是有效的属性名称。**

我的问题是如何将模板中的字符串与组件中定义的属性对象连接起来？