9 examples of 'how to comment in react js' in JavaScript

10
function renderToString(Component, props) {
11
    return ReactDOMServer
12
        .renderToString(React.createElement(Component, props))
13
        .replace(REACT_ATTR_REGEX, '');
14
}

7
function extractTextFromReactComponents(component) {
8
  if (component === null || component === undefined) {
9
    return '';
10
  }
11
  if (typeof component === 'string') {
12
    return component;
13
  } else if (!component.props || !component.props.children) {
14
    return '';
15
  }
16
  return '' + React.Children.toArray(component.props.children)
17
    .map(child => extractTextFromReactComponents(child)).join(' ');
18
}

204
function logProps(Component) {
205
    class LogProps extends React.Component {
206
        static foo = 'foo';
207
        static render = 'bar';
208
        render() {
209
            const {forwardedRef, ...rest} = this.props;
210
            return ;
211
        }
212
    }
213
    const ForwardedComponent = React.forwardRef((props, ref) => {
214
        return ;
215
    });
216
217
    hoistNonReactStatics(ForwardedComponent, LogProps);
218
219
    return ForwardedComponent;
220
}

3
function HelloWorld(props){
4
    return (
5
        React.createElement('div', null, 'Hello World')
6
    );
7
}

68
function TestComponent() {
69
  const TestToken = createToken('test');
70
  useService(TestToken.optional);
71
  didRender = true;
72
  return React.createElement('div', null, 'hello');
73
}

36
renderReact() {
37
  ReactDOM.render(
38
    React.createElement(this.reactClass, this._props),
39
    this.ref.nativeElement);
40
}

189
static getDerivedStateFromProps(props, state) {
190
    let updatedState = {
191
        createPostErrorId: props.createPostErrorId,
192
        rootId: props.rootId,
193
        messageInHistory: props.messageInHistory,
194
        draft: state.draft || {...props.draft, caretPosition: props.draft.message.length, uploadsInProgress: []},
195
    };
196
197
    const rootChanged = props.rootId !== state.rootId;
198
    const messageInHistoryChanged = props.messageInHistory !== state.messageInHistory;
199
    if (rootChanged || messageInHistoryChanged) {
200
        updatedState = {...updatedState, draft: {...props.draft, uploadsInProgress: rootChanged ? [] : props.draft.uploadsInProgress}};
201
    }
202
203
    if (props.createPostErrorId === 'api.post.create_post.root_id.app_error' && props.createPostErrorId !== state.createPostErrorId) {
204
        updatedState = {...updatedState, showPostDeletedModal: true};
205
    }
206
207
    return updatedState;
208
}

107
function Comment(props: any) {
108
  return (
109
    <div>
110
      
111
      <div>{props.text}</div>
112
      <div>
113
        {formatDate(props.date)}
114
      </div>
115
    </div>
116
  )
117
}

5
export function render(component, props, ...children) {
6
    return TestUtils.renderIntoDocument(
7
        React.createElement(component, props, ...children)
8
    );
9
}