Как создавать динамические компоненты React Native

#javascript #typescript #react-native #react-typescript

#javascript #машинописный текст #реагировать-родной #react-машинописный текст

Вопрос:

Я хочу, чтобы кнопка создавалась динамически и использовалась при возникновении события щелчка. Место создания кнопки должно быть создано на 10 пикселей правее существующей кнопки. Попросите помощи у замечательных и добрых друзей. это мой код

 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 
 

У меня есть проблема. Это не созданная кнопка. Мне нужна помощь

Ответ №1:

Создайте переменную состояния buttonClicked=false

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

и обновлять состояние при нажатии кнопки

Пожалуйста, установите стиль для этой созданной кнопки