3 回答

TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超6個(gè)贊
<Text>{bookData}</Text>
bookData 是一個(gè)數(shù)組。您不能使用內(nèi)置組件顯示數(shù)組。做這樣的事情:
<View>
<Button title="Get Sample Book" onPress={getSampleBookDataHandler} />
{bookData.map((item) => (
<Text>{item.title}</Text>
))}
</View>

TA貢獻(xiàn)1712條經(jīng)驗(yàn) 獲得超3個(gè)贊
由于它是一個(gè)對(duì)象數(shù)組,因此您應(yīng)該遍歷該數(shù)組,這map是一個(gè)選項(xiàng),也可以添加一個(gè)選項(xiàng)key,以便 React 可以更有效地更新組件。所以在 BookComponent 的返回值中你可以有
return (
<View>
<Button title="Get Sample Book" onPress={getSampleBookDataHandler} />
{bookData.map((book) => <Text key={book.title}>{book.title}</Text>)}
</View>
);

TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超4個(gè)贊
getSampleBookDataHandler 數(shù)據(jù)應(yīng)該是相同的對(duì)象格式,如 { pages:1, title:'xxyy'}
import React, {useState} from 'react';
import {Text, View, Button} from 'react-native';
import getSampleBookData from './BookPresenter';
const BookComponent = () => {
const [bookData, setBookData] = useState([]);
const getSampleBookDataHandler = () => {
setBookData(getSampleBookData);
};
useState(() => {
getSampleBookDataHandler();
},[getSampleBookDataHandler])
return (
<View>
<Button title="Get Sample Book" onPress={getSampleBookDataHandler} />
{bookData && <Text>{bookData.title}</Text> }
</View>
);
};
export default BookComponent;
添加回答
舉報(bào)