Question

我正在使用react本机功能组件，并且具有图像的平面列表，当我按图像时，我希望将该图像添加到数组中，并在视图上显示该图像。但是该图像没有显示。

这是我使用的（至少是重要部分）：

const [ valueArray, setValueArray] = useState([]);

<Button
    onPress={() => setValueArray(item.name)}
/>

return (
    <View>
        {valueArray.map((item, i) =>  (
            <Draggable x={100} y={50} renderSize={80} imageSource={require('../../images/'+item.name+'.png')} />
        ))}
    </View>
);

我想念什么吗？

Answer 1

我想item.name是一个String，所以您不能在satValueArray函数上推送名称。你可以做到的。

const [ valueArray, setValueArray] = useState([]);

<Button
    onPress={() => setValueArray(valueArray.push(item.name))} // Change this line
/>

return (
    <View>
        {valueArray.map((item, i) =>  (
            <Draggable x={100} y={50} renderSize={80} imageSource={require('../../images/'+item.name+'.png')} />
        ))}
    </View>
);

反应本机添加项目到数组但不显示它

1 个答案: