在没有状态的情况下实现TextInput,可以通过使用受控组件和非受控组件两种方式来实现。
示例代码:
import React, { Component } from 'react';
import { TextInput } from 'react-native';
class MyTextInput extends Component {
constructor(props) {
super(props);
this.state = {
text: ''
};
}
onChangeText = (text) => {
this.setState({ text });
}
render() {
return (
<TextInput
value={this.state.text}
onChangeText={this.onChangeText}
/>
);
}
}
export default MyTextInput;
示例代码:
import React, { Component, createRef } from 'react';
import { TextInput } from 'react-native';
class MyTextInput extends Component {
constructor(props) {
super(props);
this.textInputRef = createRef();
}
getText = () => {
const text = this.textInputRef.current.value;
console.log(text);
}
render() {
return (
<TextInput
ref={this.textInputRef}
/>
);
}
}
export default MyTextInput;
以上是在React Native中实现没有状态的TextInput的两种方式。根据具体需求选择适合的方式即可。
腾讯云相关产品推荐:
领取专属 10元无门槛券
手把手带您无忧上云