表单中的DefaultValue

时间:2019-07-04 08:41:58

标签: javascript react-native

我有这样的问题:如何在表单中设置defaultValue。

因为当我编译此表单时,如果我留下一个白色字段,则会将其从数据库中删除。

我读到我应该使用“ defaultValue”,但是我不知道如何设置它。

export default class Modify extends Component {
constructor(props) {
super(props);
this.state = {
};
}

 findUser(cf){
  //... call the DB .... 
 //...................
    utente.Person.FirstName = this.state.FirstName;
    utente.Person.LastName = this.state.LastName;


    return global.utente.db.localdb().put(utente);
  })
  // catch and finally 
}

render() {
return (
  <View style={style.container}>
    <View style={style.page}>
      <KeyboardAwareScrollView>
        <View style={style.inputContainer}>
          <TextInput
            style={style.inputs}
            placeholder="Name"
            placeholderTextColor="#56cbbe"
            keyboardType="default"
            underlineColorAndroid="grey"
            onChangeText={FirstName => this.setState({ FirstName })}
          />
        </View>

        <View style={style.inputContainer}>
          <TextInput
            style={style.inputs}
            placeholder="Surname"
            placeholderTextColor="#56cbbe"
            keyboardType="default"
            underlineColorAndroid="grey"
            onChangeText={LastName => this.setState({ LastName })}
          />
        </View>

1 个答案:

答案 0 :(得分:1)

<form action="/action_page.php">
  First name: <input type="text" name="fname" value="Default"><br>
  Last name: <input type="text" name="lname" value="Value"><br>
  <input type="submit" value="Submit form">
</form>

您只需要在代码中添加标签Value,以便输入字段已经具有一个值,如果没有输入任何内容,则将提交该值。

<View style={style.inputContainer}>
          <TextInput
            style={style.inputs}
            placeholder="Surname"
            placeholderTextColor="#56cbbe"
            keyboardType="default"
            underlineColorAndroid="grey"
            value="DEFAULT VALUE"
            onChangeText={LastName => this.setState({ LastName })}
          />
        </View>

我在您的代码中添加了value="DEFAULT VALUE"