reactjs - ReactJs 屏幕重新渲染
问题描述
我有一个输入字段和一个按钮,可以以编程方式为同一字段生成文本。OnClick 以编程方式将新值分配给 this.state.assetsGooglemapslink 字段,它会显示,但在屏幕重新渲染时会立即重置为原始值。Onclick 和 OnChange 是否冲突。
我需要调整什么?
...
createGooglemapslinkHandler= () => {
this.setState({assetsGooglemapslink: "https://www.google.com/maps/place/" + this.state.assetsLatitude + "," + this.state.assetsLongitude});
}
changeGooglemapslinkHandler= (event) => {
this.setState({assetsGooglemapslink: event.target.value});
}
<div class="input-group">
<label> GoogleMaps Link: </label>
<input placeholder="assetsGooglemapslink" name="assetsFcclink"
className="form-control"
readOnly = {this.state.isReadOnly}
value={this.state.assetsGooglemapslink}
onChange={this.changeGooglemapslinkHandler}style={{marginLeft: "10px"}}
/>
<div class="input-group-btn">
<button className="btn btn-success" disabled={this.state.isReadOnly}
onClick={this.createGooglemapslinkHandler}
style={{marginLeft: "10px"}}>Create Link</button>
</div>
<div class="input-group-btn">
<button className="btn btn-success" disabled={this.state.isReadOnly}
onClick={()=> window.open(this.state.assetsGooglemapslink, "_blank")}
style={{marginLeft: "10px"}}>Google Map</button>
</div>
</div>
...
解决方案
推荐阅读
- javascript - Vue中的Intro.js多页面导航,不起作用
- java - Battlenet API Android Studio 获取 Token?
- c - 具有多个元素并找到最大元素的链表
- python - 如何将 word2vec 模型应用于文本文件?
- flutter - Firestore 针对多个值查询一个文件
- swiftui - 以编程方式调用 NavigationLink?
- c# - 收据上的字符串对齐
- c - 我无法将 stren 与指针一起使用
- shell - autosys 作业摘要中的 pri/xit 是什么意思?
- javascript - 'RCTBridgeModule.h' 文件未找到 Xcode 错误