react js set state from parent to child component(将js设置状态从父组件反应到子组件)
本文介绍了将js设置状态从父组件反应到子组件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
所以我有一个父子组件.
父母将在搜索栏中输入的任何内容作为道具传递给孩子.
然后应该执行 api fetch,我在控制台中看到了 fetch 对象.我在从父级设置子级状态时遇到困难.
任何提示将不胜感激,谢谢你和快乐编码:D
class HelloComponent 扩展 React.Component {使成为 () {返回 <h1>Github API 存储库 </h1>;}}类父扩展 React.Component {构造函数(道具){超级(道具);this.boo = this.boo.bind(this);this.state = {路径:''};}嘘=(事件)=>{event.preventDefault();//alert('它有效!');让 url = 'https://api.github.com/search/repositories?q='+ this.state.path;//让参数= this.state.path;控制台.log(url);
<块引用>
我尝试使用 this.props 或只是 this.response..etc
axios.get(url).then(响应 => {控制台.log(response.data.items)这个.setState({回购:this.props.response.data.items})})}//从搜索栏设置状态searchQuery = (事件) =>{this.setState({ path : event.target.value });}使成为() {返回(//调用 Repositories 组件并将当前状态作为 props 传递<form onSubmit={this.boo}><input type="text" onChange={this.searchQuery}/><输入类型=提交"值=搜索"/></表格><子搜索= {this.state.path}/>{/* <button onClick={this.boo}>fuck</button>*
沃梦达教程
本文标题为:将js设置状态从父组件反应到子组件
基础教程推荐
猜你喜欢
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 直接将值设置为滑块 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01