如何连接两个或多个 TextInputs，React Native

Question

我想在单击按钮时连接文本输入。例如 text1=2 ， text2=3 ， text3=9 和 text4=8，最终结果应该是 2398。

如何实现这一点？

Answer 1

如果您使用的是 ES6 标准，则可以使用字符串文字

const txt1 = 'rt';
const txt2 = 'rete';
const concatenated = `${txt1}${txt2}`

您可以参考链接进行进一步学习：https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/template_strings

Answer 2

为

textInput创建一个onChangeHandler（），例如：

 <TextInput onChange={(text)=>(this.onChangeHandler("text1",text))}>
 <TextInput onChange={(text)=>(this.onChangeHandler("text2",text))}>
 <TextInput onChange={(text)=>(this.onChangeHandler("text3",text))}>
onChangeHandler=(name,value)=>{
    this.setState({[name]:value})
}

然后在按钮上单击执行以下操作：

onButtonClick=()=>{
    let finalText =this.state.text1+this.state.text2+this.state.text3
    console.log(finalText)  //prints the concatenated text.
}

Answer 3

with Pure JS

function concatenate(){
var concatenate = document.getElementById("input1").value + document.getElementById("input2").value + document.getElementById("input3").value
document.getElementById("result").innerHTML = "Resultat:"+concatenate
}

<input id="input1" type="text" name="name1" >
<input id="input2" type="text" name="name2" >
<input id="input3" type="text" name="name3" >
<button type="button" onclick="concatenate()">concatenate</button>
<div id="result">Resultat: </div>