question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Allow for edit mode of metadata fields not working with react component

See original GitHub issue

Hey i seem to be following the documentation for enabling the edit mode of the medatafields, but it is not working with the react component.

I see that the Dashboard component accepts all props from @uppy/dashboard options, so I have passed a couple of values for metaFields, but I only see the “Link” option when the file successfully uploads. What is this not working?

 <DashboardComponent
          uppy={this.uppy}
          inline={true}
          metaFields={
            [
              { id: 'name', name: 'Name', placeholder: 'file name' },
              { id: 'caption', name: 'Caption', placeholder: 'describe what the image is about' }
            ]
          }
        />

Everything else seems to be working as expected, but unfortunately not metaFields prop.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
lakesarecommented, Jul 23, 2019

@tylergaugler16, is your autoProceed option set to true by any chance (e.g.: this.uppy = new Uppy({ autoProceed: true }))? If so - then you just don’t get the chance to edit your meta fields before the upload starts. Other than that, it should work (just checked with both <Dashboard/> and <DashboardModal/> components, uppy@1.2.0)

0reactions
arturicommented, Aug 5, 2019

Please comment with more info, if you are still experiencing this issue.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Unable to edit form fields in Reactjs after fetched from server
The problem is after fetching and displaying the data I'm not able to edit the fields. My code is: function EditProfile(props) { const...
Read more >
DOM Attributes in React 16
With the new approach, both of these problems are solved. With React 16, you can now pass custom attributes to all HTML and...
Read more >
React interactivity: Editing, filtering, conditional rendering
This includes allowing you to edit existing tasks, and filtering the list of tasks between all, completed, and incomplete tasks.
Read more >
Load and Render JSON Data into React Components
In this guide, we will work on a code example to load the JSON data from a file and render it inside a...
Read more >
Editing user interface - Optimizely
You can enable editing for a specific area by adding the following attribute to the ... Extracting metadata attributes from the model class;...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found