[Solved]-How to get data from an object with arrays/strings and then pass that data to a React component-Reactjs

You can use Nested Object Destructuring for this purpose like this
const {offerAction:{OfferActionCriteria,offerActionPost:{url,name,id,postMethod}}} = this.props; to access the OfferActionCriteria object. inside renderAdvertiserForm function.

renderAdvertiserForm = () => {
const {offerAction:{OfferActionCriteria,offerActionPost:{url,name,id,postMethod}}} = this.props;
        console.log(OfferActionCriteria);
        return (
          <form>
            <ModalHeader toggle={this.toggleSuccess}>
              {name} - <em>{id}</em>
            </ModalHeader>
            <ModalBody>
              <div>
                <Row>
                  <Col lg={6}>
                    <Label>Post Name</Label>
                    <Field
                      name='name'
                      type='text'
                      component={renderField}
                    />
                  </Col>
                  <Col lg={6}>
                    <Label>Post Method</Label>

                      {postMethod}
                  </Col>
                </Row>
                <br />
                <Row>
                  <Col lg={12}>
                    <Label>URL</Label>

                      {offerAction.url}
                  </Col>
                </Row>
                <br />

              </div>
              <br />
            </ModalBody>
          </form>
        );
      };