Question

背景

在我的React Native应用程序中，我传递了一个组件，该组件呈现带有onPress函数的按钮。按下此按钮时，应该将用户带到网页以查看某些信息。单击按钮时，按钮不起作用，而是触发并将用户带到网页而不单击。我不确定为什么会发生这种情况并想要一些见解。

示例

这是按钮的来源。

按钮组件

class Button extends Component {
  constructor(props) {
      super(props);
  }

  render() {
    return (
      <TouchableOpacity onPress={this.props.onPress()} style={styles.cardButtonWrap}>
          <Text style={styles.cardButton}>Button</Text>
      </TouchableOpacity>
    );
  }
}

AlbumDetail

这是调用Button组件的地方。

class AlbumDetail extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return(
<Button onPress={() => Linking.openURL(this.props.album.url)} />
    );
  }
}

Answer 1

您正在调用onPress中的函数。请改用此代码：

if

onPress函数在页面加载时触发

1 个答案: