Comments (5)
In fact, you can (almost) do it already. Just use <Field>
components inside the <Edit>
view. It'll work, but you'll still have a save button.
We need to make it possible, so I'm tagging that as feature request.
from react-admin.
I've been trying to use the <Show>
view as per example but run into warnings when I include more than one <TextField>
in the <Show>
component:
Warning: Failed prop type: Invalid prop
children
of typearray
supplied toShow
, expected a single ReactElement.
App.js
import React from 'react';
import { jsonServerRestClient, Admin, Resource } from 'admin-on-rest';
import { Delete } from 'admin-on-rest/lib/mui';
import { TaxationList, TaxationCreate, TaxationShow, TaxationEdit } from './views/Taxations';
const App = () => (
<Admin dashboard={Dashboard} menu={Menu} messages={messages} restClient={jsonServerRestClient('http://localhost:3004')}>
<Resource name="taxations" list={TaxationList} create={TaxationCreate} edit={TaxationEdit} show={TaxationShow} remove={Delete}/>
</Admin>
);
export default App;
Taxations.js
export const TaxationShow = (props) => (
<Show {...props}>
<TextField source="id" />
<TextField source="details" />
</Show>
);
When I only include a singular <TextField source="id" />
in <Show>
the ID is shown, but the field styling is not as I would expect.
I'm new to admin-on-rest, so I might be making a rookie mistake. Let me know if I can provide more relevant information.
Thanks
from react-admin.
You didn't look at the example carefully enough: <Show>
expects only one child, which is a layout component.
from react-admin.
@fzaninotto Thanks! Indeed I missed that. I stumbled on the <Show>
component through the Reference, working from the assumption that <Show>
would work like <Edit>
, then missed the details in the commit referenced here.
I suppose the Reference could use a PR with more details about the implementation of <Show>
?
from react-admin.
Great idea!
from react-admin.
Related Issues (20)
- NumberInput's `onBlur` prop does not provide an event object HOT 2
- Add ability to customize query string format for lists HOT 5
- i want to show the received gmail in react js app
- AutoComplete choice listing issue when using useChoicesContext HOT 1
- react admin error with Menu.Item missing properties HOT 6
- storeKey prop is not passed to useRecordSelection hook inside useListController HOT 5
- useEditContext returns null for both values HOT 5
- Infinite loop occurs in page rendering when perPage is set to a negative number in List Component HOT 2
- Codemods are not included in ra-core v5
- Duplicate entries in documentation search HOT 2
- `<PasswordInput/>` or `<TextInput/>` has corrupted `validate` prop, if field is handled with `disabled` prop HOT 4
- Auth provider login Promise rejection with "message" doesn't trigger notification message HOT 1
- When we use useRedirect hook to go back to a List Component, the pagination is reseted to page 1
- <AutocompleteInput> and <AutocompleteInputArray> refetch choises passed from graphql HOT 1
- Fields inside the ArrayInput aren't set as dirty when built HOT 1
- When a form contains ArrayInput with large entries. It takes more than a minute for a form to be submitted. HOT 2
- Bug in Translation in post edit page showing (post "some text here") HOT 1
- Dark mode become default upgrading react-admin package HOT 1
- AutocompleteInput with ReferenceInput calling getList() two times after select on sugestion list HOT 1
- Clearing filters using setFilter({}) does not clear FilterLiveSearch text input
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-admin.