4 examples of 'react center div' in JavaScript

80
divideCenter() {
81
  this.centerTop = createDiv(["flex_top"]);
82
  this.centerBottom = createDiv(["flex_bottom"]);
83
  this.center.style.flexDirection = "column";
84
  this.center.appendChild(this.centerTop);
85
  this.center.appendChild(this.centerBottom);
86
}

35
public render(): JSX.Element {
36
  const { align, style, children, ...rest } = this.props;
37
38
  const styleJoined = Object.assign({ textAlign: align }, style);
39
40
  return (
41
    <div className={styles.root} {...rest} style={styleJoined}>
42
      <span className={styles.spring} />
43
      <span className={styles.container}>{children}</span>
44
    </div>
45
  );
46
}

225
renderCenter() {
226
    let msg = this.props.currentMessage;
227
    if(msg.msgType === 'notification'){
228
        return (
229
            <View style={{alignItems: 'center',
230
                      justifyContent: 'center',
231
                      marginTop: 5,
232
                      marginBottom: 10}}>
233
                <View style={{backgroundColor:'#cecece',borderRadius:5,paddingHorizontal:5,paddingVertical:3 }}>
234
                    <Text style={{
235
                              color: '#fff',
236
                              fontSize: 12,
237
                              fontWeight: '400',}}>
238
                        {msg.extend.tipMsg}
239
                    </Text>
240
                </View>
241
            </View>
242
        );
243
    }
244
    return null;
245
246
}

100
render() {
101
  return this.generateCenterWithContents(<CreatePresale />);
102
}