javascript - react-native 原生元素检测

Question

我想在我的 react-native 应用程序中检测用户是否有触摸 ID 传感器，然后如果他有，我想显示带有原生元素操作的按钮，而不仅仅是普通的操作按钮。当我创建 if 语句时，它向我显示错误。我在 expo 客户端 SDK 中使用“create-react-native-app”。

错误消息

代码

class LoginButton extends React.Component {
    state = {
        waiting: false,
    };

    render() {
        let authFunction;
        if (NativeModules.ExponentFingerprint.hasHardwareAsync() === true) {
            if (Platform.OS === 'android') {
                authFunction = async () => {
                    this.setState({waiting: true});
                    try {
                        let result = await NativeModules.ExponentFingerprint.authenticateAsync();
                        if (result.success) {
                            alert('Udało Ci się zalogować')
                        } else {
                            alert('Logowanie nie udane')
                        }
                    }
                    finally {
                        this.setState({waiting: false})
                    }
                };
            } else if (Platform.OS === 'ios') {
                authFunction = async () => {
                    let result = await NativeModules.ExponentFingerprint.authenticateAsync(
                        'Zaloguj się przy użyciu TouchID'
                    );
                    if (result.success) {
                        alert('Udało Ci się zalogować')
                    } else {
                        alert('Logowanie nie udane')
                    }
                };
            }
            return (
                <Button onPress={authFunction} title="Zaloguj się przy użyciu odcisku palca" style={styles.buttonStyle}>
                    {this.state.waiting
                        ? 'Czekam na TouchID...'
                        : 'Zalogowano przy użyciu TouchID'}
                </Button>
            )

        } else if (NativeModules.ExponentFingerprint.hasHardwareAsync() === false) {
            return (
                <Button onPress={} title="Zaloguj się" style={styles.buttonStyle}/>
            )
        }
    }
}

Answer 1

问题在这里

<Button
  onPress={} <--- here
  title="Zaloguj się" 
  style={styles.buttonStyle}
/>

React 不允许您将空表达式分配给 JSX 属性。

为了修复它，只需删除它

<Button title="Zaloguj się" style={styles.buttonStyle}/>

或者将其分配给authFunction，该值将为空。

<Button onPress={authFunction} title="Zaloguj się" style={styles.buttonStyle}/>