ReactJs rendering state elements in React react js rendering,react js rendering server,what is rendering

I have a state called changedFields which is a list that contains the changed field when editing data.

        <Dialog
          open={this.state.isDialogOpen}
          onClose={this.handleClose}
          aria-labelledby="alert-dialog-title"
          aria-describedby="alert-dialog-description"
        >
          <DialogTitle 
            id="responsive-dialog-title"
          >
            {'ARE YOU SURE YOU WISH TO MAKE THESE CHANGES?'}
          </DialogTitle>
          <DialogContent>
            <DialogContentText>
              <td style={{ 'font-weight': 'bold', 'border-bottom': '0px', 'margin-right': '2em' }}>You changed:</td>
              <td>
                <tr>{this.state.changedFields}</tr>
              </td>

            </DialogContentText>
          </DialogContent>
          <DialogActions>
            <Button onClick={this.handleClose} color="primary">
              DISCARD CHANGES
            </Button>
            <Button onClick={this.handleClose} color="primary" autoFocus>
              YES, KEEP CHANGES
            </Button>
          </DialogActions>
        </Dialog>

I wrote the dialog this way. This looks like:

enter image description here

I am trying to put each element description, trelloURL, and slackChannel in different rows, but this just puts every elements in one line without a space.

How do I have to render it if I want to put them in different rows?

Answer:1



  1. react js rendering
  2. react js rendering server
  3. what is rendering in react js
  4. reactjs rendering multiple components
  5. reactjs rendering firebase data
  6. react rendering array
  7. reactjs rendering in server
  8. reactjs rendering time

I'm getting some strange behavior in IE11 with use of Webpack and Babel. Currently, the issue is occurring is the following error message: SCRIPT438: Object doesn't support property or method 'find' ...

I'm getting some strange behavior in IE11 with use of Webpack and Babel. Currently, the issue is occurring is the following error message: SCRIPT438: Object doesn't support property or method 'find' ...

I'm using the FormInput element from React Native Elements, which seems to produce a line underneath each FormInput component. One is more faint than the other. Form looks as follows <View style={...

I'm using the FormInput element from React Native Elements, which seems to produce a line underneath each FormInput component. One is more faint than the other. Form looks as follows <View style={...