Question

如何比较React Native中的两个文本对象。

很抱歉，如果这个问题太过分了。但经过一个小时的探索所有可能性后，我找不到正确的。

docker pull my.private.registry:443/my-awesome-app

docker run -d --env-file ./env.list -i -p 8080:8080 -p 9990:9990 my.private.registry:443/my-awesome-app

docker rmi $(docker images -f "dangling=true" -q)

Answer 1

好的，您可以检查文本，然后在名为onChangeText的函数中设置变量的状态。 Here就是一个例子，我也粘贴了下面的代码。

https://rnplay.org/apps/pWvSsg

'use strict';

var React = require('react-native');
var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  TextInput,
  Component
} = React;

class SampleApp extends Component {

  constructor(props) {
    super(props)
    this.state = { text: ''}
  }

  onChangeDo(text) {
    this.setState({ text })
    if (text === 'Hello') {
        return this.setState({ hello: true })
    }
    this.setState({ hello: false })
  }

  render() {
    return (
      <View style={styles.container}>
        <TextInput
            placeholder="Type Hello"
          style={styles.inputText}
          onChangeText={ (text) => this.onChangeDo(text) }
            />
        { this.state.hello && <Text style={ styles.hello }>Hello World</Text> }
      </View>
    );
  }
}

var styles = StyleSheet.create({
  container: {
    flex: 1,
    marginTop: 60
  },
  inputText: {
    height:60,
    backgroundColor: '#ededed'
  },
  hello: {
    fontSize:22
  }
})

AppRegistry.registerComponent('SampleApp', () => SampleApp);

比较react-native中的文本

1 个答案: