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

请确保将函数提供给onPress组件的TouchableOpacity道具，并在其中真正调用recordActivityTag。

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

React-Native按钮环绕，一个按钮

1 个答案: