Forum Discussion

jbrundagejr's avatar
jbrundagejr
Regular Visitor
4 years ago

PowerBI with React Functional Components

Hello:

 

Building my second custom PBI visual, this time with React. I am using functional components and at a complete loss when it comes to getting the data from the update method into App.tsx. App.update({data: dataArray}) throws this error: ```Property 'update' does not exist on type 'FunctionComponent<AppProps```

 

This is how I have my visual.ts setup:

import {App, initialState} from './App'

 

constructor(options: VisualConstructorOptions) {
  this.reactRoot = React.createElement(App)
  this.target = options.element;
  ReactDOM.render(this.reactRoot, this.target)
}
 
public update(options: VisualUpdateOptions) {
 **does a bunch of reformating off incoming data, spitting out `dataObjectArray`
 App.update({data: dataObjectArray})
}
 
In App.tsx: 
export interface AppProps {
  data: dataObject[]
}

export const initialState: AppProps = {
  data: []
}

export const App: React.FC<AppProps> = () => {
 useEffect( setData(data)) but formatted properly obviously
 }
 
It would be great if Microsoft could update the guide to functional components instead of class based... Any help would be very much appreciated!! Thank you in advance.

 

Need Help

3 Replies