如何更改 TextInput styles 而不影响以前键入的文本反应本机

Question

我正在尝试创建富文本编辑器，当我尝试从 state 更改它们时，我如何在不影响以前内容的情况下实现这一点，它最终会影响以前插入的文本

export default class App extends React.Component {
          constructor(props){
               super(props)
               this.state={
                      text:'',
                      inputStyles:{
                            fontWeight:'light'
                      }
               }
          }
        _Bold =()=>{
            this.setState({inputStyles:{
                  fontWeight:'bold'
            }})

        }

      render() {
        return(


               <View style={styles.container}>
                       <StatusBar backgroundColor="#24292e" barStyle="light-content" />

                       <TextInput  placeholder="Star to write"
                        style={this.state.inputStyles}
                      />

              <TouchableOpacity onPress={()=>this._Bold()}>
                    <Text>BOLD</Text>
              </TouchableOpacity>
               </View>



               ) 
          }
      }
    `

Answer 1

如果我理解正确，我认为您必须将TextInput更改如下：

  <TextInput 
    placeholder="Star to write"
    value={this.state.text}
    onChangeText={(text) => this.setState({text)}
    style={this.state.inputStyles}
  />

问题是您没有将文本存储到 state 中，一旦呈现它就会丢失