tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 14:05:37 +02:00
Code Issues Projects Releases Wiki Activity

DOCS Fix broken markdown links for docs.silverstripe.org

Browse Source 
[ci skip]
This commit is contained in:
Robbie Averill 2019-07-22 13:02:57 +02:00 committed by GitHub
parent cb91f5fa06
commit f1d8a04928
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/en/02_Developer_Guides/15_Customising_the_Admin_Interface/How_Tos/Customise_React_Components.md
View File

@ -7,7 +7,7 @@ In this tutorial, we'll customise some form elements rendered with React to have
Let's add a character count to the `TextField` component. `TextField` is a built-in component in the admin area. Because the `TextField` component is fetched Let's add a character count to the `TextField` component. `TextField` is a built-in component in the admin area. Because the `TextField` component is fetched
through Injector, we can override it and augment it with our own functionality. through Injector, we can override it and augment it with our own functionality.
First, let's create our [higher order component](../07_ReactJS_Redux_and_GraphQL.md#customising-react-components-with-injector). First, let's create our [higher order component](../reactjs_redux_and_graphql#customising-react-components-with-injector).
__my-module/js/components/CharacterCounter.js__ __my-module/js/components/CharacterCounter.js__
```js ```js
@ -25,7 +25,7 @@ const CharacterCounter = (TextField) => (props) => {
export default CharacterCounter; export default CharacterCounter;
``` ```
Now let's add this higher order component to [Injector](../07_ReactJS_Redux_and_GraphQL.md#the-injector-api). Now let's add this higher order component to [Injector](../reactjs_redux_and_graphql#the-injector-api).
__my-module/js/main.js__ __my-module/js/main.js__
```js ```js
@ -37,7 +37,7 @@ Injector.transform('character-count-transform', (updater) => {
}); });
``` ```
The last thing we'll have to do is [transpile our code](../06_Javascript_Development.md#es6-and-build-tools) and load the resulting bundle file The last thing we'll have to do is [transpile our code](../javascript_development#es6-and-build-tools) and load the resulting bundle file
into the admin page. into the admin page.
__my-module/\_config/config.yml__ __my-module/\_config/config.yml__