Как отобразить ImageInput src в другом компоненте на activ-admin?

Question

Я используюact-admin и хочу отобразить выбранное изображение в другом компоненте.

У меня уже есть изображение на экране редактирования.Когда я выбираю новый с ImageInput, я хотел бы отобразить его в моем <Poster /> компоненте и заменить существующее изображение новым.

<Poster id="poster" {...props} source="card_image_path" 
label="resources.cards.fields.card_image_path" />

<ImageInput id="imageInput" source="images" accept="image/*">
  <ImageField source="src" title="title" />
</ImageInput>

Answer 1

Думаю, вы сможете сделать это с элементом <FormDataConsumer>.Я сделал что-то похожее, показывая исходное изображение, за исключением того, что выбрано новое изображение, покажите это и скройте оригинал.

<ImageInput source="contents" label="Billede" accept="image/*" mulitple={false}>
    <ImageField source="thumbnail" title="title" />
</ImageInput>

<FormDataConsumer>
   {({formData, dispatch, ...rest}) => {
       if (!formData.contents) {
            return (
                <Labeled label="Original image">
                    <ImageField source="thumbnail" {...rest}/>
                </Labeled>
            );
        }
    }}
</FormDataConsumer>