How to use decorators in Reactjs?

Decorators are a design pattern that is used to separate modification or decoration of a class without changing the source code of the original class.

Although decorators are still in the proposal stage for JavaScript and not yet fully integrated into ECMAScript, they are available in TypeScript and have been used extensively in AngularJS. They are a proposed feature in JavaScript.

In this context, the usage in ReactJS will be majorly related to higher order components(HOC). Higher-order components (HOCs) in React are a way to perform reusable component logic. HOCs aren’t part of the React API, they are a pattern that emerges from React’s compositional nature.

A decorator for a React component class could look like this:

```
function MyDecorator(Component) { // this is the decorated component that get returned return class DecoratedComponent extends React.Component { render() { return ; }; };
}
```

This decorator can then be applied to a React component class in the following way:

```
@MyDecorator
class MyClassComponent extends React.Component { render() { return

Decorated Component

; }
}
```

The `@MyDecorator` syntax is the decorator syntax.

Please note that decorators are still an experimental feature and have not been included in the ECMAScript standard as of 2021. Therefore, the use of decorators in practice may require the use of tools like Babel and babel-plugin-transform-decorators-legacy, and it could be subject to changes in the future.