Question

我想在单击按钮时连接textInputs。例如text1 = 2，text2 = 3，text3 = 9和text4 = 8，最终结果应为2398。

如何实现这一目标？

Answer 1

使用Pure JS

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

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

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

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

Answer 3

为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.
}

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

3 个答案: