Блог

Главная - Вопросы по программированию - Как добавить имя класса к кнопке нижнего колонтитула мобильного диалогового окна Ant Design?

Как добавить имя класса к кнопке нижнего колонтитула мобильного диалогового окна Ant Design?

#reactjs

Вопрос:

Я использую Ant Design Mobile React. И я пытаюсь добавить имя класса к кнопке модального нижнего колонтитула.

Это то, что я пробовал до сих пор, но это не добавление имени класса.

 <Modal
          visible={this.state.modal1}
          transparent
          maskClosable={false}
          onClose={this.onClose('modal1')}
          title="Title"
          footer={[{ text: 'Ok', className:'btn-ok', onPress: () => { console.log('ok'); this.onClose('modal1')(); } }]}
          wrapProps={{ onTouchStart: this.onWrapTouchStart }}
          afterClose={() => { alert('afterClose'); }}
        >

Ответ №1:

Нижний колонтитул реквизита принимает узел реакции. Так что это должно быть так:

           footer={<button className="btn-ok">Ok</button>}

Комментарии:

1. <Модальный видимый={this.state.modal1} прозрачная маскируемая={ложь} OnClose={this.OnClose(‘modal1’)} заголовок=»Заголовок» нижний колонтитул={<имя класса кнопки=»btn-ok»>Ок<имя класса кнопки=»btn-ok»></кнопка>} Обертки={{ onTouchStart: это. onWrapTouchStart }} После закрытия={() => { предупреждение(‘После закрытия’); }} >> Вы это имеете в виду ?

2. @user1833620 Да, это должно сработать. Согласно документации по проектированию муравьев. Если хотите, я могу открыть песочницу с кодом

Метки: