use-render-prop

v4.7.0

STATUS

Passing

DOWNLOADS

VISIBILITY

Public

PUBLISHED

6 years ago

SIZE

N/A

React

1 contributor

Install use-render-prop as a package?

Copied

npm i @bit/giladshoham.react-hooks.use.use-render-prop

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

WARNING: Don’t use this, works only for functional components.

`useRenderProp`

Extracts a value from render-prop or FaCC component.

Usage

import {useRenderProp} from 'react-use';

const FaCC = ({children}) => {
  return children('VALUE-FaCC');
};
const RenderProp = ({render}) => {
  return render('VALUE-RenderProp');
};

const Demo = () => {
  const [fragment1, [value1]] = useRenderProp(<FaCC />);
  const [fragment2, [value2]] = useRenderProp(<RenderProp />);

  return (
    <>
      {fragment1}
      {fragment2}
      <div>FaCC: {value1}</div>
      <div>Render prop: {value2}</div>
    </>
  );
};