こんにちは誰かがこれを手伝ってくれる？このAPIリクエストからAPIデータを取得しようとしていますが、必要なビットを取得する方法を管理できないようです。
基本的に私<p></p>が表示する必要があるのは、この「天文」です：「0.4838725338」、
これが私のjsonデータです
{
"links": {
"next": "https=DEMO_KEY",
},
"element_count": 6,
"near_objects": {
"2018-12-28": [
{
"links": {
"self": "x"
},
"id": "2450238",
"estimated_diameter": {
"kilometers": {
"estimated": 0.6089126221,
"estimatedmax": 1.3615700154
}
},
"is_potentially": false,
"approach": [
{
"date": "2018-12-28",
"epoch": 1545984000000,
"distance": {
"astronomical": "0.4838725338",
"lunar": "188.2264099121",
},
"orbitinody": "Nobes"
}
],
そして、これが私のコンポーネントです
class App extends Component {
state = {
data : []
}
componentDidMount() {
this.fetchasa();
}
fetchasa = () => {
fetch('https:?de_KEY')
.then((response) => response.json())
.then((result) => this.setState({
data: result.near_objects.2018-12-28.approach.distance[0]
}))
}
render() {
const {data} = this.state;
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>Edit <code>src/App.js</code> and save to reload.</p>
<p>astronomical: {data}</p>
</header>
</div>
);
}
}
export default App;
よろしくお願いします：D
試してみてください：
result.near_objects['2018-12-28'][0].approach[0].distance.astronomical
near_objectsリクエスト前のインデックス名がわからない場合は、次のような日付値を取得できます
const [first] = Object.keys(result.near_objects)
result.near_objects[first][0].approach[0].distance.astronomical
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加