我仔细看了你提供的组件代码，问题核心在于TextInput没有正确和状态做双向绑定，再加上你的render代码不完整，才导致输入框的value没法获取到状态值。

问题拆解 #

你已经写了sanitizeInput方法来过滤非数字字符，但有两个关键缺失：

1. TextInput没有把value属性和this.state.text绑定，导致输入框显示的内容和状态脱节；
2. 没有给TextInput设置onChangeText回调来触发你的过滤逻辑，而且sanitizeInput方法的this上下文也没绑定，直接调用会报错。
   另外你代码里的View样式justif...明显没写完，这也会影响组件正常渲染。

修复后的完整可运行代码 #

import React, { Component } from 'react';
import { View, TextInput, StyleSheet } from 'react-native';

type Props = {};
export default class App extends Component<Props> {
  constructor(props) {
    super(props);
    // 初始状态改成空字符串更合理，配合placeholder提示用户
    this.state = { text: '' };
    // 必须绑定this，否则sanitizeInput里的this会指向undefined
    this.sanitizeInput = this.sanitizeInput.bind(this);
  }

  sanitizeInput(input) {
    // 过滤掉所有非数字的字符
    const sanitizedInput = input.replace(/[^0-9]/g, '');
    this.setState({ text: sanitizedInput });
  }

  render() {
    console.log("In render - ", this.state.text);
    return (
      <View style={styles.container}>
        <TextInput
          style={styles.input}
          placeholder="请输入数字"
          // 核心：把输入框的值和状态绑定，确保UI和状态同步
          value={this.state.text}
          // 输入变化时触发过滤逻辑，更新状态
          onChangeText={this.sanitizeInput}
          // 可选：弹出数字键盘，限制用户输入类型（仍需过滤，防止特殊场景输入非数字）
          keyboardType="numeric"
        />
      </View>
    );
  }
}

// 补全样式，确保组件正常布局
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    paddingHorizontal: 20,
  },
  input: {
    height: 40,
    borderWidth: 1,
    borderColor: '#ddd',
    paddingLeft: 10,
    borderRadius: 4,
  },
});

关键修复点解释 #

• 绑定this上下文：在constructor里用bind把sanitizeInput的this绑定到组件实例，否则在onChangeText回调里this会丢失，调用setState会报错。
• 双向绑定状态：给TextInput加上value={this.state.text}，让输入框的显示完全由状态控制，这样状态更新时输入框会自动刷新，输入框的内容也会严格遵循状态的值。
• 触发过滤逻辑：通过onChangeText={this.sanitizeInput}，每次用户输入时都会调用过滤方法，把非数字字符去掉后更新状态，保证输入框里始终只有数字。
• 完善样式和初始状态：把初始状态改成空字符串，配合placeholder提示用户；补全View的justifyContent属性，添加基础的输入框样式，让组件正常渲染。

额外小技巧 #

• 用keyboardType="numeric"可以让系统弹出数字键盘，减少用户输入非数字的概率，但不能完全依赖它（比如某些安卓设备可能允许输入符号），所以你的过滤逻辑还是必须保留。
• 如果是新代码，更推荐用函数组件+useState来实现，代码会更简洁，比如：

import React, { useState } from 'react';
import { View, TextInput, StyleSheet } from 'react-native';

export default function App() {
  const [text, setText] = useState('');

  const sanitizeInput = (input) => {
    const sanitized = input.replace(/[^0-9]/g, '');
    setText(sanitized);
  };

  return (
    <View style={styles.container}>
      <TextInput
        style={styles.input}
        placeholder="请输入数字"
        value={text}
        onChangeText={sanitizeInput}
        keyboardType="numeric"
      />
    </View>
  );
}

// 样式同上

内容的提问来源于stack exchange，提问作者Abhishek