在React中，你可以使用react-native-video和react-native-audio库来处理原生的video和audio。

以下是一个基本的示例：

```jsx import React from 'react'; import { View, Text, TouchableOpacity } from 'react-native'; import { StyleSheet, Image, View, TouchableOpacity, Text } from 'react-native'; import { Video, Audio } from 'react-native-video';

const App = () => { return ( {Video.getVideoByURL('https://www.youtube.com/watch?v=dQw4w9WgXcQ');}} style={styles.button}> Play Video {Audio.setAudio('https://www.example.com/audio.mp3');}} style={styles.button}> Play Audio ); };

const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#f5f5f5', }, button: { backgroundColor: '#4CAF50', borderRadius: 4, padding: 10, alignItems: 'center', justifyContent: 'center', }, buttonText: { fontSize: 18, color: '#ffffff', }, });

export default App; ```

在这个示例中，我们首先导入了Video和Audio组件，然后在App组件中，我们为每个按钮添加了一个TouchableOpacity组件，当用户点击按钮时，它们会调用相应的函数。这两个函数分别是Video.getVideoByURL和Audio.setAudio，分别用于获取指定URL的视频和音频。最后，我们为每个按钮添加了一个文本组件，用于显示按钮的文本。

请注意，你需要先安装react-native-video和react-native-audio库才能在你的项目中使用它们。你可以使用npm来安装它们：

bash npm install react-native-video react-native-audio