当我点击文本value.name模态显示。这是正确的,正是我想要的。
但是在控制台中,我有这个错误。
setNativeProps is deprecated. Please update props using React state instead.
我的代码:
import React, {useState} from "react";
import {Button, Text, View, TouchableOpacity} from "react-native";
import styles from "./styles";
import TextModal from "../Modal/TextModal";
import Modal from "react-native-modal";
const Placeholders = (props) => {
const [isModalVisible, setIsModalVisible] = useState(false);
const [numberClicked, setNumberClicked] = useState(-1);
const toggleModalVisibility = (index) => {
console.log(index);
setIsModalVisible(!isModalVisible);
setNumberClicked(index);
};
const showEveryValue = () => {
let values = [];
let keyCounter = 0;
props.values.forEach((value) => {
values.push(
<View
key={keyCounter++}
>
<Text
onPress={() => toggleModalVisibility(value.number)}
>
{value.name}
</Text>
</View>
);
});
return values;
};
return (
<>
{showEveryValue()}
<Modal
isVisible={isModalVisible}
style={styles.modal}
>
<TouchableOpacity
onPress={() => toggleModalVisibility()}
style={styles.touchableOpacity}
>
<TextModal
numberClicked={numberClicked}
/>
</TouchableOpacity>
</Modal>
</>
);
};
export default Placeholders;
如何解决这个问题?
在this page上我读到react-native包有问题。这是真的吗?还是错误在我的代码中?
1条答案
按热度按时间jchrr9hc1#
根据your link,你是对的:截至2023-02-07,React Native团队正在解决这个问题。这个问题没有解决方案或变通方案。