How to pass extra params to frameworkComponents

Question

frameworkComponents: { squareRenderer: SquareRenderer, }

how can I add extra parameters to SquareRenderer component?

Any workaround?

Answer 1

Try something like this. Wrap the component and pass whatever props you want:

const WrappedSquareRenderer = () => <SquareRenderer banana={banana} />;

frameworkComponents: { squareRenderer: WrappedSquareRenderer, }

Answer 2

Try the following

frameworkComponents: {
      actionsRenderer: (params) => {
        return new ItemRenderer(params, addParameter1, addParameter2);
      },
    }

Where ItemRenderer is a react component, you will get a warning because it does not like arrow functions but it works.

Answer 3

const Actions=()=>

frameworkComponents={{CellRenderer: child}}