ES6 предоставляет метод Array.from()
, который создает новый экземпляр Array из объекта, подобного массиву или итерации.
let boxes = document.getElementsByClassName('box');
Array.from(boxes).forEach(v => v.style.background = 'green');
console.log(Array.from(boxes));
.box {
width: 50px;
height: 50px;
margin: 5px;
background: blue;
display: inline-block;
}
Как вы можете видеть внутри фрагмента кода, после использования функции Array.from()
вы можете манипулировать каждым элементом.
Это же решение с использованием jQuery
.
$('.box').css({'background':'green'});
.box {
width: 50px;
height: 50px;
margin: 5px;
background: blue;
display: inline-block;
}
<Modal
animationType="slide"
transparent={false}
visible={this.state.modalVisible}
onRequestClose={() => {
Alert.alert('Closed Modal.');
}}>
... items or item
</Modal>
Также вы можете использовать модальный пакет npm
https://github.com/react-native-community/react-native-modal
https://github.com/react-native-community/react-native-modal
реактивный нативный модал с использованием
https: // facebook .github.io / Reaction-native / docs / modal
и вот основное использование модалов.
https://www.tutorialspoint.com/react_native/react_native_modal.htm