Подскажите, пожалуйста, как передать в запрос axios вводимое значение из соседнего компонента? Необходимо, чтобы значение value из 'TextField' в list.js тут же передавалось в 'q:' api.js? То есть чтобы при изменении поля каждый раз посылался запрос
list.js
constructor(){
super();
this.state = {
users: [],
value: ''
}
}
componentDidMount(){
API.getUsers().then((allUsers) => {
console.log(allUsers);
this.setState({
users: allUsers
})
});
}
handleChange = (event) => {
this.setState({
value: event.target.value,
});
console.log(this.state.value);
};
render(){
return(
<div>
<div>
<TextField
floatingLabelText="Search"
id="text-field-controlled"
value={this.state.value}
onChange={this.handleChange.bind(this)}
/>
<p>{this.state.value}</p>
</div>
{
this.state.users.map((user) => {
return <div key={user.id}>
<Users/>
</div>
})
}
</div>
)
}
api.js
let API = {
getAllUsers: function () {
console.log(this.props.params.login);
return new Promise(function (resolve, reject) {
axios.get('https://api.github.com/search/repositories', {
params: {
q: 'react',
per_page: 20
}
}).then(function (allUsers) {
resolve(allUsers.data.items);
console.log(allUsers.data.items)
})
})
}
}
