28 lines
641 B
JavaScript
28 lines
641 B
JavaScript
import React from "react";
|
|
import SearchBar from "./SearchBar";
|
|
import unsplash from "../api/unsplash";
|
|
import ImageList from "./ImageList";
|
|
|
|
class App extends React.Component {
|
|
state = { images: [] };
|
|
|
|
onSearchSubmit = async term => {
|
|
const response = await unsplash.get("/search/photos", {
|
|
params: { query: term }
|
|
});
|
|
|
|
this.setState({ images: response.data.results });
|
|
};
|
|
|
|
render() {
|
|
return (
|
|
<div className="ui container" style={{ marginTop: "10px" }}>
|
|
<SearchBar onSubmit={this.onSearchSubmit} />
|
|
<ImageList images={this.state.images} />
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default App;
|