@lukaspolak/react-get-inner-text

Returns the inner text of react elements

Usage no npm install needed!

<script type="module">
  import lukaspolakReactGetInnerText from 'https://cdn.skypack.dev/@lukaspolak/react-get-inner-text';
</script>

README

react-get-inner-text

checks-status workflow/status codecov npm bundle size npm

Returns the inner text of react elements. This package was inspired with HTMLElement.innerText and Node.textContent web APIs and react-innertext npm package.

Demo

CodeSandbox

Motivation

There is no native API in React to get the nested text content of react elements. This package provides a simple API to get the text content of nested elements (components)

Getting started

To use this package, you only need to install this dependency, import it and invoke the getInnerText function, e.g.:

const innerText = getInnerText(
  <div>
    <p>First paragraph.</p>
    <p>Second paragraph</p>
  </div>
)

console.log(innerText) // "First paragraph.Second paragraph"

Install

npm install @lukaspolak/react-get-inner-text

or

yarn add @lukaspolak/react-get-inner-text

Contributing

Please read the Contribution guidelines to start with your awesome contributions!

Why the library is prefixed with @lukaspolak/

There are a lot of similar libraries/packages on GitHub and npm, that can do the same. I wanted to enhance my programming skills, and I didn't want to find a unique name for the package.