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)
- AutocompleteInput in ReferenceArrayInput with dynamic choices shows empty field on selection HOT 5
- Property "resource" in SortButtonProps not involved HOT 2
- Change title property type in core display components <Edit>, <Show>, <View> HOT 1
- Standalone version of the Store for a dual-store strategy HOT 3
- Unable to clear default value in DateTimeInput component HOT 3
- Documented theme level defaultProps overrides do not work for react admin components HOT 4
- Reference Array selected item from a filter query vanishes immediately after selection. HOT 2
- Infinite re-rendering using disabled AutocompleteArrayInput in a ReferenceArrayInput HOT 6
- AutocompleteInput don't keep focus with mouse HOT 5
- Documentation update in sample. HOT 3
- 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
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.