React Native，意外的關鍵字“This”

Question

為什么我有一個紅色錯誤標記這個關鍵字后面的點？ 它說（意外的關鍵字“這個”）

    render() {
    return (
        <TouchableOpacity onPress={() => this.selectionOnPress({this.props.detail.country})}>
            <Text style={[styles.btnSV, {
                backgroundColor:
                    this.state.selectedButton === {this.props.detail.country} ? "red" : "grey"
            }]}>
                <Text style={styles.btnSV}>{this.props.detail.country}</Text>
            </Text>
        </TouchableOpacity>

    );
}}

錯誤圖片

Answer 1

嘗試這個

render() {
    return (
        <TouchableOpacity onPress={() => this.selectionOnPress(this.props.detail.country)}>
            <Text style={[styles.btnSV, {
                backgroundColor:
                    this.state.selectedButton === this.props.detail.country ? "red" : "grey"
            }]}>
                <Text style={styles.btnSV}>{this.props.detail.country}</Text>
            </Text>
        </TouchableOpacity>

    );
}}

我基本上從this.props.detail.country的第一個和第二個實例中刪除了周圍的大括號。在 JS 中，這些大括號是 object 表示法並且缺少屬性名稱。 第三個實例是 JSX 模板變量。