Javascript 文本输入值的反应本机单位

我想将单位添加到

textInput

值：

我尝试使用

value={this.state.totalWeight+“Kgs”}

但没有结果

我还尝试在

onSubmitEditing={（）=>{this.refs.firstInput.refs.value=this.state.totalWeight+“Kgs”}

中添加

“Kgs”

，但同样没有结果

有什么想法吗

提前谢谢

状态={
值：“”，
单位：千克
}
render（）{
返回(
this.setState（{value}）}/>
{this.state.value==''？''：this.state.unit}
);
}

状态={
值：“”，
单位：千克
}
render（）{
返回(
this.setState（{value}）}/>
{this.state.value==''？''：this.state.unit}
);
}

所以我用这种方式

我的

状态

：

this.state = {
  commodity: "",
  isFilled: false
};

然后我们有：

<TextInput
  style={{ flex: 1 }}
  onChangeText={commodity =>
    this.setState({
      commodity,
      isFilled: false
    })
  }
  value={
    this.state.isFilled ? this.state.commodity + " Unit" : this.state.commodity
  }
  onFocus={() => this.setState({ isFilled: false })}
  onEndEditing={() => {
    if (this.state.commodity == "") {
      this.setState({ isFilled: false });
    } else {
      this.setState({ isFilled: true });
    }
  }}
  placeholder="Commodity"
/>;

这是我的国家({
商品,，
isFilled:错误
})
}
价值观={
this.state.isFilled？this.state.commodity+“单位”：this.state.commodity
}
onFocus={（）=>this.setState（{isFilled:false}）
OneDediting={（）=>{
如果（this.state.commodity==“”）{
this.setState（{isFilled:false}）；
}否则{
this.setState（{isFilled:true}）；
}
}}
占位符=“商品”
/>;

现在，每次用户输入文本，编辑后，都会添加单位。

所以我使用这种方式

我的

状态

：

this.state = {
  commodity: "",
  isFilled: false
};

然后我们有：

<TextInput
  style={{ flex: 1 }}
  onChangeText={commodity =>
    this.setState({
      commodity,
      isFilled: false
    })
  }
  value={
    this.state.isFilled ? this.state.commodity + " Unit" : this.state.commodity
  }
  onFocus={() => this.setState({ isFilled: false })}
  onEndEditing={() => {
    if (this.state.commodity == "") {
      this.setState({ isFilled: false });
    } else {
      this.setState({ isFilled: true });
    }
  }}
  placeholder="Commodity"
/>;

这是我的国家({
商品,，
isFilled:错误
})
}
价值观={
this.state.isFilled？this.state.commodity+“单位”：this.state.commodity
}
onFocus={（）=>this.setState（{isFilled:false}）
OneDediting={（）=>{
如果（this.state.commodity==“”）{
this.setState（{isFilled:false}）；
}否则{
this.setState（{isFilled:true}）；
}
}}
占位符=“商品”
/>;

---

现在，每次用户输入文本，编辑后，都会添加单位。

因此，每次我键入数字时，都会得到一个“Kgs”！-e、 g.i输入“23”，值为：“2千克3千克”哦，对了！让我更新答案。这个解决方案对你来说可能有点老套。更新后的答案可能不是你真正想要的。但在我看来，它满足了需要。我知道，无论如何，谢谢！让我们看看其他人是否有更好的方法！：）所以每次我输入一个数字，我都会得到一个“Kgs”e、 g.i输入“23”，值为：“2千克3千克”哦，对了！让我更新答案。这个解决方案对你来说可能有点老套。更新后的答案可能不是你真正想要的。但在我看来，它满足了需要。我知道，无论如何，谢谢！让我们看看其他人是否有更好的方法！：）您的意思是用户可以更改文本颜色吗？

单元

文本是

文本输入

值的一部分，因此用户可以选择并删除它。对不起，我误解了这个问题：D-你可以使用2

那么你的意思是用户可以更改文本颜色吗？

单元

文本是

文本输入

值的一部分，因此用户可以选择并删除它。对不起，我误解了这个问题：D-你可以使用2

那么