See an error in snacks

Expo Development Tools
1

import * as React from ‘react’;
import { Text, View, TouchableOpacity, StyleSheet } from ‘react-native’;
export default class calculator extends react.component {
state = {
display: ‘’,
};
_handleClick(btnval) {
let result = this.state.display;
result += btnval
this.setState({
dispaly: result,
});
}
render() {
return (

{this.state.display}

  <View style={styles.row}>
    <MyButton Val={7} handleClick={this._handleClick.bind(this)}/>
    <MyButton Val={8} handleClick={this._handleClick.bind(this)}/>
    <MyButton Val={9} handleClick={this._handleClick.bind(this)}/>
    <MyButton Val={'/'} handleClick={this._handleClick.bind(this)/>
   </View>


 <View style={styles.row} 

   <MyButton Val={4} handleClick={this._handleClick.bind(this)}/>
   <MyButton Val={5} handleClick={this._handleClick.bind(this)}/>
   <MyButton Val={6} handleClick={this._handleClick.bind(this)}/>
   <MyButton Val={'*'} handleClick={this._handleClick.bind(this)}/>
   </View>


 <View style={styles.row}>
   <MyButton Val={1} handleClick={this._handleClick.bind(this)}/>
   <MyButton Val={2} handleClick={this._handleClick.bind(this)}/>
   <MyButton Val={3} handleClick={this._handleClick.bind(this)}/>
   <MyButton Val={'-'} handleClick={this._handleClick.bind(this)}/>
   </View>  


 <View style={styles.row}>
    <MyButton Val={'Del'} handleClick={this._handleClick.bind(this)}/>
    <MyButton Val={0} handleClick={this._handleClick.bind.(this)}/>
    <MyButton Val={'='} handleclick{this._handleClick.bind(this)} />
    <MyButton Val={'+'} handleClick={this._handleClick.bind(this)} />
   </View>
 </View>

);

}
}

2

Can you make a snack so that I can help you?

3

I’m make snack but I can’t preview it

Screenshot_20200629-221556.png
Screenshot_20200629-221556.png720×1280 78.8 KB

4

import * as React from ‘react’;
import { Text, View, TouchableOpacity, StyleSheet } from ‘react-native’;
export default class calculator extends react.component {
state = {
display: ‘’,
};
_handleClick(btnval) {
let result = this.state.display;
result += btnval
this.setState({
dispaly: result,
});
}
render() {
return (

{this.state.display}

<View style={styles.row}

);

}
}

5

Hey @doll381,

From a quick glance it looks like you have react.component when you should have React.Component. Also, when posting code in a forum post, look for the </> icon in the toolbar above the text input to create a code snippet which will make the code readable and formatted properly.

Cheers,
Adam

6

Try to change react.component to React.Component as @adamjnav

7

Tank you so much guys :heart: I’m very thankful to you now my coding is work

1 Like
8

This topic was automatically closed 20 days after the last reply. New replies are no longer allowed.