Question

以下是我尝试使用react-native的简单代码，它在模拟器上工作正常，但它是硬编码的

function CardCreator(props) {
const cards = props.cards;
const basicCards = cards.map((c, index) => {
    return <BasicCard key={index} character={c} />
});
// return basicCards;

return (
    <ScrollView>
        {/* code to replace the following */}
        <BasicCard character={cards[0]} />
        ..
        <BasicCard character={cards[9]} />
        {/* returning the basicCards entries here */}
    </ScrollView>
)}

我可以将basicCards对象返回到render（）但不能滚动查看所有项目。当前使用硬编码值返回预期结果。如何在basicCards

中包装ScrollView对象后将其返回

Answer 1

您可以避免使用内部渲染方法的硬编码，例如

 $arrayRicevuto = implode(" ", $_POST['arrayFiltrato']);

只需遍历render() { const { cards } = this.props; return ( <ScrollView> { cards.map((c, index) => { return <BasicCard key={index} character={c} /> }) } </ScrollView> ); }并返回每个组件。

或

根据您的示例代码，更改将是

cards

希望这会有所帮助！

将ScrollView包装在本机中的对象列表中

1 个答案: