I am having problem with number 4 and number 7 of the markdown challenge . The git flavoured markdown and break optional bonus. Can someone help.
class Markdown extends React.Component {
constructor(props) {
super(props);
this.state = {
input:"",
preview:""
};
this.handleChange = this.handleChange.bind(this);
}
handleChange(e) {
this.setState({
input:e.target.value,
preview:" "
});
}
createMarkUp(){
marked.setOptions({
breaks:True
})
const rawMark= marked(this.state.input)
return{ __html:rawMark
}
}
render() {
return (
preview:" "
});
}
createMarkUp(){
marked.setOptions({
breaks:True
})
const rawMark= marked(this.state.input)
return{ __html:rawMark
}
}
render() {
return (
<divdiv>
<textarea cols="30" rows="30"
id="editor"
className="form-control"
value={this.state.input}
onChange={this.handleChange}>
</textarea>
<div id="preview" dangerouslySetInnerHTML={createMarkUp()}>
</div>
</div>
);
}
}
ReactDOM.render(, document.getElementById(“root”));
);
}
}
ReactDOM.render(, document.getElementById(“root”));