Question

我有这样的事情：

<TextInput
  style={{height: 40, borderColor: 'gray', borderWidth: 1}}
  value={0}
  onChangeText={(input) => this.setState({ value: input })}
/>

但是，加载后输入框总是空的，有什么想法吗？

Answer 1

TextInput组件只接受字符串。看起来你有一个整数。尝试将其更改为字符串。这是文档的link。

Answer 2

只需更改value = {this.state.value}

即可

<TextInput
  style={{height: 40, borderColor: 'gray', borderWidth: 1}}
  value={this.state.value}
  onChangeText={(input) => this.setState({ value: input })}
/>

Answer 3

使用 toString()

<TextInput
  style={{height: 40, borderColor: 'gray', borderWidth: 1}}
  value={this.state.value.toString()}
  onChangeText={(input) => this.setState({ value: input })}
/>

Answer 4

它是由整数值引起的。做JSON.stringify（value）

Answer 5

试试这个对我有用！

    const [_employee, setEmployee]=useState(
      {
        name: "name"
        salary: 0
      })

。 . .

    <Input
      onChangeText={(salary) =>
        (salary = parseInt(salary)) & setEmployee({ ..._employee, salary })
      }
      value={JSON.stringify(_employee.salary)}
    />

React Native TextInput值无效

5 个答案: