当其他按钮的 onPress 事件时，反应本机创建按钮

Question

我希望在onPress事件发生时动态创建并使用按钮。向伟大善良的朋友寻求帮助。

我想要｛在屏幕上一个按钮，->按钮点击->创建一个按钮->，所以我们有两个按钮｝

这是我的代码

import React, { Component } from 'react'
import { Button } from 'react-native'
const Test = () => { 
return( 
<Button title='test' onPress={<Button title='test1'/>}/> 
) 
} 
export default Test 

或

import React, { Component } from 'react'
import { Button } from 'react-native'
const Test = () => { 
return( 
<Button title='test' onPress={ButtonRender}/> 
) 
}
const ButtonRender =():any=>{
return <Button title='test1'/>
}
export default Test 

我有个问题。它不是按钮创建的。我需要帮助

Answer 1

不能在onPress方法中呈现代码。

onPress={ButtonRender} 

这段代码不会将代码呈现给虚拟dom。基本上，你不能从onPress返回值，相反，你可以改变组件的状态，这会导致组件重新发送。

所以你如何解决这个(另一种方法(只是一个例子没有测试它

import React, { Component } from 'react'
import { Button,Text } from 'react-native'
function TestUseState() {
const [buttonArr, setButtonArr] = React.useState([]);
const renderButtons = () =>{
return buttonArr.map ((item,index)=> 
<Button key={index} title= "your title"> </Button > 
)
} 
return (
<>
<Text>Buttons List</Text>
{renderButtons()}
<Button onPress={() => setButtonArr( [...buttonArr , "Unique Index of new Button"] )} title="Add Button"></Button> 
</>
)
}