如何创建动态的 React Native 组件答案

【问题标题】：How to create dynamic React Native components如何创建动态的 React Native 组件
【发布时间】：2021-04-15 11:10:23
【问题描述】：

我希望在单击事件发生时动态创建和使用按钮。按钮的创建位置应在现有按钮右侧 10px 处创建。向伟大而善良的朋友寻求帮助。这是我的代码

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

我有问题。它不是创建的 Button。我需要帮助

【问题讨论】：

标签： javascript typescript react-native react-typescript

【解决方案1】：

创建状态变量buttonClicked=false

<button onclick={() => setState({buttonClicked=true})}/>
{state.buttonClicked?<button></button>:null}

并在单击按钮时更新状态

请为创建的按钮设置样式

【讨论】：