Website : rimsha.abasa.com
backdoor
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
var
/
www
/
talha_silentcontent
/
node_modules
/
react-innertext
/
Filename :
README.md
back
Copy
# React innerText [](https://twitter.com/intent/tweet?text=You%20can%20access%20the%20innerText%20of%20React%20components%20as%20if%20they%20were%20DOM%20nodes%20by%20using%20the%20react-innertext%20package.&url=https://github.com/CharlesStover/react-innertext&via=CharlesStover&hashtags=react,reactjs,javascript,webdev,webdeveloper,webdevelopment) [](https://www.npmjs.com/package/react-innertext) [](https://www.npmjs.com/package/react-innertext) [](https://www.npmjs.com/package/react-innertext) [](https://travis-ci.com/CharlesStover/react-innertext/) Returns the innerText of a React JSX object, similar to the innerText property of DOM elements. ## Install * `npm install react-innertext` or * `yarn add react-innertext` ## Use ### Client-Side Rendering (ES6) ```JS import innerText from 'react-innertext'; innerText( <div> Hello <strong>world</strong>! I am <span children={3} /> years old! </div> ) // 'Hello world! I am 3 years old!' ``` ### Server-Side Rendering (CommonJS) ```JS const innerText = require('react-innertext'); innerText( <div> Hello <strong>world</strong>! I am <span children={3} /> years old! </div> ) // 'Hello world! I am 3 years old!' ``` ### Real World Example In the below example, the `title` attribute of the `<th>` element sanitizes the `children` prop. This allows the children to contain HTML or other React Elements, while providing a safe, plain text string for the `title`. ```JS function MyTableHeader() { return ( <thead> <tr> <MyTableHeaderCell> <b>Username</b> <SortButton /> </MyTableHeader> </tr> </thead> ); } // title="Username" function MyTableHeaderCell({ children }) { return ( <th children={children} title={innerText(children)} /> ); } ```