javascript - 以编程方式单击 react native 中的按钮

Question

我有一个带有字段 testID 的按钮

<Button testID='someButton' onPress={someButtonClick}/>

有什么方法可以通过编程方式单击具有给定 testID 的按钮吗？

Answer 1

这是一个按钮按下另一个按钮的完整实现。

import React from "react"
import { View, Button  } from 'react-native';

const someButtonClick = () => {
    console.log("button was pressed");
}

export class PressButton extends React.Component {
    constructor(props) {
        super(props);
        this.state = {}
    }
    clickButton() {
        this.button.props.onPress();
    }
    render() {
        return (
            <View>
                <Button title="another button" 
                    onPress={() => { this.clickButton()}}
                />
                <Button title="some button" testID='someButton' 
                onPress={() => { someButtonClick() }}
                    ref={(button) => {this.button = button; }}
                />          
            </View>
        )
    }
}

注意以下几点

• 您需要一个 ref 才能访问该按钮。
• onPress() 是 React Native 中的正确方法，而不是 click()
• 事件处理程序在 props 中。