i’m using create-react-app to write a react plugin for wordpress.
I want to add a button in plugin admin settings page for upload a image.
I follow this doc but nothing is rendered.
https://github.com/WordPress/gutenberg/tree/master/packages/block-editor/src/components/media-upload
my code:
...
import { Button } from '@wordpress/components';
import { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';
const ALLOWED_MEDIA_TYPES = [ 'image' ];
const MyMediaUploader = () => {
return (
<MediaUploadCheck>
<MediaUpload
onSelect={ ( media ) => console.log( 'selected ' + media.length ) }
allowedTypes={ ALLOWED_MEDIA_TYPES }
value=""
render={ ( { open } ) => (
<Button onClick={ open }>
Open Media Library
</Button>
) }
/>
</MediaUploadCheck>
);
}
export default function settingsPage(){
return(
<MyMediaUploader/>
)
}