javascript - React-Native 按钮包装，一个按钮

Question

我正在尝试用recordActivityTag. 现在它的工作方式不是从第一个按钮捕获数据的功能。我需要在整个应用程序中跟踪标签。这就是我构建recordActivityTag. 该功能适用​​于事件，但按钮除外。

onPress如果可能的话，我如何在另一个屏幕上对按钮的操作进行调用？我知道我需要将外部道具传递给 TouchableOpacity 然后调用另一个按钮。

import * as React from "react";
import { Core } from "common";
import { TouchableOpacity } from "react-native";

interface BtnProps {
  readonly data: string
  readonly recordActivityTag:(tag: Core.ActivityTag) => void
}

export default class Button extends React.Component<BtnProps, {}> {
  constructor(props: BtnProps) {
    super(props);
  }

  render() {
    const { recordActivityTag } = this.props;
    return (
      <TouchableOpacity>
        onPress {() => recordActivityTag}
        {this.props.children}
      </TouchableOpacity>
    );
  }
}

Answer 1

确保将函数提供给组件的onPressprop TouchableOpacity，并在其中实际调用recordActivityTag。

export default class Button extends React.Component<BtnProps, {}> {
  render() {
    const { recordActivityTag } = this.props;
    return (
      <TouchableOpacity onPress={() => recordActivityTag()}>
        {this.props.children}
      </TouchableOpacity>
    );
  }
}