Menu
I'm working with React JS and I've imported from Material UI a component called (https://material-ui.com/api/table-pagination/) and I would like to modify the Default of labelDisplayedRows that now is like this:
({ from, to, count }) => ${from}-${to} of ${count}
I would like to edit the "of" of the output, but it's a function, and so i don't know how to do it. If it was a simple node like labelRowsPerPage I would modify it by writing
<TablePagination
labelRowsPerPage="text text text"
/>
How could I do it? Thank you in advance
836
You can set the VALUE in the Select control as the state value. Don't forget, when handling the onChange event, that you will need to convert the event. target. value to string.
The MUI TextField can display a default value on render by using the defaultValue prop. This is useful if you don't need to externally get or set the TextField value, or if you are using a form. A form will automatically extract a TextField child components value on submit of the form.
To set a default value for an input element in React:Pass the default value as a parameter to the useState hook for controlled fields. Set the defaultValue prop on uncontrolled input fields.
Something like this:
<TablePagination labelDisplayedRows={({ from, to, count }) => `Displaying pages ${from}-${to} of total ${count} pages`}/>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
