Javascript 如果有其他情况,请说明
我正在尝试获取基于状态值的if-else语句。 我的代码是以一种方式设置的,它可以在元素被更改为什么时候以及更改为什么样的状态 我正在尝试这样做:Javascript 如果有其他情况,请说明,javascript,html,reactjs,Javascript,Html,Reactjs,我正在尝试获取基于状态值的if-else语句。 我的代码是以一种方式设置的,它可以在元素被更改为什么时候以及更改为什么样的状态 我正在尝试这样做: if(this.state{value:} == "string") { //Do this } 然而,似乎无法正确地做到这一点。有什么更好的建议或正确的方法可以做到这一点 我正在尝试的实际代码: 7 this.state = {value: 'empty'}; 8 } 9 SelectChange = (even
if(this.state{value:} == "string")
{
//Do this
}
然而,似乎无法正确地做到这一点。有什么更好的建议或正确的方法可以做到这一点
我正在尝试的实际代码:
7 this.state = {value: 'empty'};
8 }
9 SelectChange = (event) => {
10 this.setState({value: event.target.value});
11 if(this.state[value] == "string" )
12 {
13 console.log("string");
14 }
15 }
16 /*}
17 AddListener = (event) => {
18 var id = event.target.id;
19 var selectElements = document.getElementById(id);
20 var stringSpec = id.substr(10, 11);
21 var specLeng = "specifySection" + stringSpec;
22 //console.log("This Id: " + id + "NumString: |" + stringSpec + "| New Id: " + specLeng);*/
23 /*selectElements.addEventListener("change", function(){
24 moreInfo(id, specLeng);
25 }, false); */
26 render (){
27 const {SelectChange} = this;
28 const {value} = this.state;
29 return (
30 <div>
31 <div>
32 <label><strong>New Field </strong></label>
33 <div id="remove-" className="remove" style={{display: "inline", visibi lity: "hidden"}}>
34 <label> --Remove </label> <input type="checkbox" id="removeBox" class Name="rmvCheckbox" />
35 <br />
36 </div>
37 <label> Name: </label>
38 <input id="name-" className="name" type="text" name="name" /> <br />
39 <label> Description: </label>
40 <input id="description-" className="description" name="description" /> <br />
41 <label> Datatype: </label>
42 <select value={value} onChange={SelectChange} id={`selectData-${this.p rops.number}`} className="selectData" name="selectData" /*onClick={AddListener}* />
试试这个
if(this.state.value == "string"){
//do this
}
选择2
this.state.value == "string" ? handleTrue() : handleFalse();
备选方案3。。如果你想检查是否正确
this.state.value && handleTrueLogic();
你的语法错了。如果该值是动态的。应该是
if(this.state[value] == "string")
{
//Do this
}
这个.setState{}是一个异步函数。因此,当您在此函数后面的if条件中使用this.state.value时。该值尚未设置。因此,您可以输入从参数传递的值
if(event.target.value === "string")
也可以使用回调函数
this.setState({value: event.target.value}, () => {
if(this.state.value === 'string') {
// Do what you want here
}
})
价值是什么?您可以向我们展示jsx代码吗?请检查此解决方案。我也尝试过,但它似乎不起作用。我只是想向控制台输出一些东西,但什么也没有happened@alex->在单击select元素时显示onchange函数?未定义给我'value',在我尝试该语法时没有未定义错误。它不是this.state.value=='string'的类型吗?this.state.value类似于“some value”