onSearch not firing

[bvoelz19]

Here's my code:
`import Search from "react-native-search-box";

export default class App extends Component {
onSearch = () => {
alert("!");
}

onCancel = () => {
    alert("????");
}

render() {
    return (
        <View style={styles.container}>
            {/* Hide status bar */}
            <StatusBar hidden={true} />

            {/* Header */}
            <View style={styles.headerContainer}>
                <Text style={styles.text}>
                    NeuralNews
                </Text>
            </View>

            {/* Search field */}
            <View style={styles.searchBar}>
                <Search
                    ref={"search_box"}
                    onSearch={this.onSearch}
                    onCancel={this.onCancel}
                 />
            </View>
        </View>
    );
}

}`

For some reason, the onSearch method isn't firing even though the onCancel one is. What exactly causes the onSearch to fire? I am testing on a simulator, and pressing the 'Search' button on the iPhone keyboard isn't seeming to work.

[anhtuank7c]

/**
     * onSearch
     * return a Promise
     */

[bvoelz19]

onSearch = () => { const thePromise = new Promise((resolve) => { alert("PLZ"); resolve(); }); return thePromise; }

I changed it to this and it's still not firing - any ideas?

[bvoelz19]

I'm doing this in TypeScript, by the way. Could you show me an example of what a proper function would look like?

[FRizzonelli]

onSearch={text => new Promise((resolve, reject) => { console.log(text); resolve(); }) }

@bvoelz19 I'm doing this in TS and it works properly 😉