React js reja: React jsni o’rnatish React js kompanentlari React jsda ilova

Komponentda Tashqi Plagindan Foydalish

bet	5/5
Sana	24.12.2022
Hajmi	111.1 Kb.
	#1056882

1 2 3 4 5

Bog'liq
react js

Natija

Komponentda Tashqi Plagindan Foydalish

React boshqa kutubxonalar va freymvorklar bilash ishlashga imkon beradi. Ushbu misolda

ni qiymatini doimiy o’girish uchun remarkable tashqi Markdown kutubxonasidan foydalanilgan.
 class MarkdownEditor extends React.Component {
 constructor(props) {
 super(props);
 this.handleChange = this.handleChange.bind(this);
 this.state = { value: 'Hello, **world**!' };
 }
 
handleChange(e) {

this.setState({ value: e.target.value });
 }
 
getRawMarkup() {

const md = new Remarkable();
 return { __html: md.render(this.state.value) };
 }
 
render() {

return (
 <div className="MarkdownEditor">
 <h3>Input</h3>
 <label htmlFor="markdown-content">
 Markdown <a href="/counter-strike-chit-kodlari-impulse-101-16000-pul.html">kiriting
</a> </label>
 <textarea
 id="markdown-content"
 onChange={this.handleChange}
 defaultValue={this.state.value}
 />
 <h3>Natija</h3>
 <div
 className="content"
 dangerouslySetInnerHTML={this.getRawMarkup()}
 />
 </div>
 );
 }
 }
 
ReactDOM.render(

<MarkdownEditor />,
 document.getElementById('markdown-example')
 );</markdowneditor>

Download 111.1 Kb.

Do'stlaringiz bilan baham:

1 2 3 4 5