javascript - 如何创建动态的 React Native 组件
问题描述
我希望在单击事件发生时动态创建和使用按钮。按钮的创建位置应在现有按钮右侧 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。我需要帮助
解决方案
创建状态变量buttonClicked=false
<button onclick={() => setState({buttonClicked=true})}/>
{state.buttonClicked?<button></button>:null}
并在单击按钮时更新状态
请为创建的按钮设置样式
推荐阅读
- css - Vuejs:如何将变量绑定到全局css类?
- npm - 在 VSCODE 的不同终端中打开多个脚本的方法
- sql-server - SQL Server 2014 中的表中需要逗号分隔值
- java - ModelMapper 没有映射 Spring Entity 属性
- r - 通过查找模式 R 替换 data.frames 列表中的列名
- javascript - JavaScript FabricJs 将图像放到画布视图中
- c++ - 在 C++17 中迭代它时从 std::set 中删除一个元素
- matlab - 在MATLAB中,每次值从1变为0时如何在向量中查找索引?
- javafx - 复选框松开他的状态
- ios - 在 Swift 中单击 TextField 外部时如何在 TextField 中隐藏 TEXT?