dangerouslySetInnerHTML possible? about read-more-react

[axeligl]

I was looking for the same thing. Any solution for this?

Thanks!

[mikexavier]

@axeligl I didn't find a way with read-more-react

[axeligl]

I finally copy the app.js and trim.js and changed the render function like this:

render() {
		let displayText;
		if (!this.state.secondaryText) {
			displayText = (
			<div className="display-text-group">
				<span className="displayed-text" dangerouslySetInnerHTML={{ __html: `${this.state.primaryText} ${this.state.secondaryText}` }}/>
			</div>);
		}
		else if (this.state.displaySecondary) {
			displayText = (
			<div className="display-text-group">
				<span className="displayed-text" dangerouslySetInnerHTML={{ __html: `${this.state.primaryText} ${this.state.secondaryText}` }}/>
          <div className="read-more-button"
  						 onClick={this.setStatus.bind(this)}>
               {this.state.readLessText + ""}
               <ExpandLessIcon fontSize="inherit"/>
               </div>

			</div>);
		} else {
			displayText = (<div className="display-text-group">
				<span className="displayed-text" dangerouslySetInnerHTML={{ __html: this.state.primaryText }} />
				<div className="read-more-button"
						 onClick={this.setStatus.bind(this)}>
              {this.state.readMoreText + " "}
              <ExpandMoreIcon fontSize="inherit"/>
            </div>

			</div>);
		}

		return displayText;
	}

Probably there's something wrong or even only works with html text (that's what I need).
I also added a readLessText prop and Material Icon.
I leave this here, perhaps someone could make a PR with this idea.