考虑这样的数组:
const myArray = [1,2,3]
根据此数组的长度(仅在 2 和 3 之间不断变化),我想添加或删除react-native-svg
显示此值的组件。
到目前为止,这就是我的处理方式(我知道这段代码行不通):
const myComponent = (props) => {
const [myArray, setMyArray] = useState([1,2,3]);
const mySVGComponents = useEffect(() => {
//It is ensured that the array has at least two values
let GroupWrapper = (() => {
return (
<G>
<SVGText>{myArray[0]}</SVGText>
<SVGText>{myArray[1]}</SVGText>
</G>
)
})
if (myArray.length === 3) {
GroupWrapper = (() => {
return (
<GroupWrapper>
<SVGText>{myArray[2]}</SVGText>
</GroupWrapper>
)
})
}
return GroupWrapper;
}, [myArray]);
return (
<G>
{mySVGComponents}
</G>
)
}
如何根据长度有条件地将组件注入SVGText
组件?<G>
myArray