We want to hear from you!Take our 2021 Community Survey!
Support Ukraine ๐Ÿ‡บ๐Ÿ‡ฆ Help Provide Humanitarian Aid to Ukraine.

DOM Elements

React ืžื™ื™ืฉืžืช ืžืขืจื›ืช DOM ืœืœื-ืชืœื•ืช ื‘ื“ืคื“ืคืŸ ืขื‘ื•ืจ ื‘ื™ืฆื•ืขื™ื ื•ืชืื™ืžื•ืช ืœื“ืคื“ืคื ื™ื ืฉื•ื ื™ื. ื ื™ืฆืœื ื• ืืช ื”ื”ื–ื“ืžื ื•ืช ืขืœ ืžื ืช ืœื ืงื•ืช ืžืกืคืจ ื‘ืขื™ื•ืช ื‘ืžื™ืžื•ืฉ ื”-DOM ืฉืœ ื”ื“ืคื“ืคืŸ.

ื‘-React, ื›ืœ ื”ืžืืคื™ื™ื ื™ื (properties) ื•ื”ืชื›ื•ื ื•ืช (attributes) ืฉืœ ื”-DOM (ื›ื•ืœืœ ืžื ื”ืœื™ ืื™ืจื•ืขื™ื) ืฆืจื™ื›ื™ื ืœื”ื™ื•ืช camelCased. ืœื“ื•ื’ืžื”, ืชื›ื•ื ืช ื”-tabindex ืฉืœ HTML ืžืงื‘ื™ืœื” ืœืชื›ื•ื ื” tabIndex ื‘-React. ื”ืžืงืจื™ื ื”ื™ื•ืฆืื™ื ืžืŸ ื”ื›ืœืœ ื”ื aria-* ื•-data-*, ืฉืฆืจื™ื›ื™ื ืœื”ื™ื•ืช ื‘ืื•ืชื™ื•ืช ืงื˜ื ื•ืช. ืœื“ื•ื’ืžื”, ื ื•ื›ืœ ืœื”ืฉืื™ืจ ืืช aria-label ื‘ืชื•ืจ aria-label.

ื”ื‘ื“ืœื™ื ื‘ืชื›ื•ื ื•ืช

ื™ืฉื ืŸ ืžืกืคืจ ืชื›ื•ื ื•ืช ืฉืขื•ื‘ื“ื•ืช ื‘ืฆื•ืจื” ืฉื•ื ื” ื‘ื™ืŸ HTML ื•-React:

checked

ื”ืชื›ื•ื ื” checked ื ืชืžื›ืช ื‘ืงื•ืžืคื•ื ื ื˜ื•ืช <input> ืžืกื•ื’ checkbox ืื• radio. ืืชื” ื™ื›ื•ืœ ืœื”ืฉืชืžืฉ ื‘ื” ืขืœ ืžื ืช ืœืงื‘ื•ืข ื”ืื ื”ืงื•ืžืคื•ื ื ื˜ื” ืžืกื•ืžื ืช. ื“ื‘ืจ ื–ื” ืฉื™ืžื•ืฉื™ ืœื‘ื ื™ื™ืช ืงื•ืžืคื•ื ื ื˜ื•ืช ื ืฉืœื˜ื•ืช. defaultChecked ื”ื™ื ื”ืžืงื‘ื™ืœื” ื”ืœื ื ืฉืœื˜ืช, ืฉืงื•ื‘ืขืช ื”ืื ื”ืงื•ืžืคื•ื ื ื˜ื” ืžืกื•ืžื ืช ื‘ื–ืžืŸ ืฉื”ื™ื mounted ื‘ืคืขื ื”ืจืืฉื•ื ื”.

className

ื›ื“ื™ ืœื”ื•ืกื™ืฃ ืžื—ืœืงืช CSS, ื ืฉืชืžืฉ ื‘ืชื›ื•ื ืช ื”-className. ื”ืขื ื™ื™ืŸ ื ื•ื’ืข ืœื›ืœ ืืœืžื ื˜ื™ ื”-DOM ื•ื”-SVG ื”ืจื’ื™ืœื™ื ื›ืžื• <div>, <a> ื•ืื—ืจื™ื.

ืื ืืชื” ืžืฉืชืžืฉ ื‘-React ืขื Web Components (ื“ื‘ืจ ืฉืื™ื ื ื• ื ืคื•ืฅ ื›ืœ ื›ืš), ื”ืฉืชืžืฉ ื‘ืชื›ื•ื ืช ื”-class ื‘ืžืงื•ื.

dangerouslySetInnerHTML

dangerouslySetInnerHTML ื”ื™ื ื”ื—ืœื•ืคื” ืฉืœ React ืœืฉื™ืžื•ืฉ ื‘-innerHTML ื‘-DOM ืฉืœ ื”ื“ืคื“ืคืŸ. ื‘ืื•ืคืŸ ื›ืœืœื™, ืงื‘ื™ืขืช HTML ืžื”ืงื•ื“ ื”ื™ื ืžืกื•ื›ื ืช ืžื›ื™ื•ื•ืŸ ืฉื–ื” ืงืœ ื‘ื˜ืขื•ืช ืœื—ืฉื•ืฃ ืืช ื”ืžืฉืชืžืฉื™ื ืฉืœืš ืœืžืชืงืคืช XSS .ืœืขื•ืžืช ื–ืืช, ืืคืฉืจ ืœื›ืชื•ื‘ HTML ื™ืฉื™ืจื•ืช ืž-React, ืื‘ืœ ืืชื” ืฆืจื™ืš ืœื›ืชื•ื‘ dangerouslySetInnerHTML ื•ืœื”ืขื‘ื™ืจ ืื•ื‘ื™ื™ืงื˜ ืขื ืžืคืชื— __html, ืขืœ ืžื ืช ืœื”ื–ื›ื™ืจ ืœืขืฆืžืš ืฉื–ื” ืžืกื•ื›ืŸ. ืœื“ื•ื’ืžื”:

function createMarkup() {
  return {__html: 'First &middot; Second'};
}

function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()} />;
}

htmlFor

ืžืื—ืจ ื•-for ื”ื™ื ืžื™ืœื” ืฉืžื•ืจื” ื‘-JavaScript, ืืœืžื ื˜ื™ React ืžืฉืชืžืฉื™ื ื‘-htmlFor ื‘ืžืงื•ื.

onChange

ืื™ืจื•ืข ื”-onChange ืžืชื ื”ื’ ื›ืžื• ืฉื”ื™ื™ืช ืžืฆืคื”: ื‘ื›ืœ ืคืขื ืฉืฉื“ื” ื˜ื•ืคืก ืžืฉืชื ื”, ืื™ืจื•ืข ื–ื” ื ื•ืจื”. ืื ื—ื ื• ื‘ื›ื•ื•ื ื” ืœื ืžืฉืชืžืฉื™ื ื‘ื”ืชื ื”ื’ื•ืช ื”ืžื•ื‘ื ื™ืช ื‘ื“ืคื“ืคืŸ ื‘ื’ืœืœ ืฉ-onChange ืœื ืžืชื ื”ื’ ื›ืžื• ืฉื”ื•ื ืืžื•ืจ ืœื”ืชื ื”ื’, ื•-React ืžืกืชืžื›ืช ืขืœ ืื™ืจื•ืข ื–ื” ืฉื™ื˜ืคืœ ื‘ืงืœื˜ื™ ืžืฉืชืžืฉ ื‘ื–ืžืŸ ืืžืช.

selected

ืื ืืชื” ืจื•ืฆื” ืœืกืžืŸ <option> ื›ืžืกื•ืžืŸ, ื”ืชื™ื™ื—ืก ืœืขืจืš ืฉืœ ื”ืื•ืคืฆื™ื” ื‘- <value> ืฉืœ ื”<select> ืฉืœื• ื‘ืžืงื•ื. ืจืื” โ€œThe select Tagโ€ ืœืงื‘ืœืช ืžื™ื“ืข ืžืคื•ืจื˜

style

ืฉื™ืžื• ืœื‘:

ื›ืžื” ื“ื•ื’ืžืื•ืช ื‘ืชื™ืขื•ื“ ืžืฉืชืžืฉื•ืช ื‘-style ืžื˜ืขืžื™ ื ื•ื—ื•ืช, ืื‘ืœ ืฉื™ืžื•ืฉ ื‘ืชื›ื•ื ื” style ื‘ืชื•ืจ ื”ืืคืฉืจื•ืช ื”ืขื™ืงืจื™ืช ืœืขื™ืฆื•ื‘ ืงื•ืžืคื•ื ื ื˜ื•ืช ืื™ื ื ื” ืžื•ืžืœืฆืช ื‘ืื•ืคืŸ ื›ืœืœื™. ื‘ืจื•ื‘ ื”ืžืงืจื™ื, className ืฆืจื™ื›ื” ืœื”ื™ื•ืช ื‘ืฉื™ืžื•ืฉ ื›ื“ื™ ืœื”ืชื™ื™ื—ืก ืœืžื—ืœืงื•ืช CSS ืฉื”ื•ื’ื“ืจื• ื‘ืงื‘ืฆื™ CSS ื—ื™ืฆื•ื ื™ื™ื. ื‘ืจื•ื‘ ื”ืžืงืจื™ื ืฉืžืฉืชืžืฉื™ื ื‘-style ื‘ืืคืœื™ืงืฆื™ื•ืช React ื”ืžื˜ืจื” ื”ื™ื ืœื”ื•ืกื™ืฃ ืขื™ืฆื•ื‘ื™ื ืฉื—ื•ืฉื‘ื• ื‘ืื•ืคืŸ ื“ื™ื ืžื™ ื‘ื–ืžืŸ ื”ืจื™ื ื“ื•ืจ. ืจืื” FAQ: ืขื™ืฆื•ื‘ ื•-CSS.

ืชื›ื•ื ืช ื”-style ืžืงื‘ืœืช ืื•ื‘ื™ื™ืงื˜ JavaScript ืขื ืžืืคื™ื™ื ื™ camelCased ื‘ืžืงื•ื ืžื—ืจื•ื–ืช CSS. ื”ืชื ื”ื’ื•ืช ื”ืชื›ื•ื ื” ืขืงื‘ื™ืช ืขื ืžืืคื™ื™ืŸ style ืฉืœ ื”-DOM ื‘-JavaScript, ืืš ื”ื™ื ื™ื•ืชืจ ื™ืขื™ืœื”, ื•ืžื•ื ืขืช ื—ื•ืจื™ ืื‘ื˜ื—ืช XSS. ืœื“ื•ื’ืžื”:

const divStyle = {
  color: 'blue',
  backgroundImage: 'url(' + imgUrl + ')',
};

function HelloWorldComponent() {
  return <div style={divStyle}>Hello World!</div>;
}

ื”ืขืจื”: styles ื”ื ืœื autoprefixed. ืขืœ ืžื ืช ืœืชืžื•ืš ื‘ื“ืคื“ืคื ื™ื ื™ืฉื ื™ื, ืืชื” ืฆืจื™ืš ืœืกืคืง style properties ืžืงื‘ื™ืœื™ื:

const divStyle = {
  WebkitTransition: 'all', // ืฉื™ื ืœื‘ ืœืื•ืช 'W' ื”ื’ื“ื•ืœื”
  msTransition: 'all' // 'ms' ื”ื•ื ื”-prefix ื”ื™ื—ื™ื“ ื‘ืื•ืชื™ื•ืช ืงื˜ื ื•ืช
};

function ComponentWithTransition() {
  return <div style={divStyle}>ื–ื” ืฆืจื™ืš ืœืขื‘ื•ื“ ื‘ื™ืŸ ื“ืคื“ืคื ื™ื</div>;
}

ืžืคืชื—ื•ืช ืขื™ืฆื•ื‘ ื”ื camelCased ืขืœ ืžื ืช ืœื”ื™ื•ืช ืขืงื‘ื™ื™ื ืขื ื’ื™ืฉื” ืœืžืืคื™ื™ื ื™ื ืขืœ ืฆืžืชื™ ื”-DOM ืž-JavaScript (ืœื“ื•ื’ืžื” node.style.backgroundImage). ืงื“ื™ืžื•ื™ื•ืช ืฉืœ ืกืคืงื™ื ืฉืฉื•ื ื™ื ืž-ms ืฆืจื™ื›ื™ื ืœื”ืชื—ื™ืœ ืขื ืื•ืช ื’ื“ื•ืœื”. ื–ื• ื”ืกื™ื‘ื” ืฉ-WebkitTransition ืžืชื—ื™ืœ ืขื ืื•ืช ื’ื“ื•ืœื”.

React ืชื•ืกื™ืฃ ื‘ืื•ืคืŸ ืื•ื˜ื•ืžื˜ื™ ืกื™ื•ืžืช โ€œpxโ€ ืœื›ืžื” ืžืืคื™ื™ื ื™ ืกื’ื ื•ืŸ. ืื ืืชื” ืจื•ืฆื” ืœื”ืฉืชืžืฉ ื‘ื™ื—ื™ื“ื•ืช ืžื™ื“ื” ืื—ืจื•ืช ื—ื•ืฅ ืž-โ€pxโ€, ื ืงื•ื‘ ื‘ืขืจืš ื›ืžื—ืจื•ื–ืช ืขื ื™ื—ื™ื“ืช ื”ืžื™ื“ื” ื”ืจืฆื•ื™ื”. ืœื“ื•ื’ืžื”:

// ืชื•ืฆืื”: '10px'
<div style={{ height: 10 }}>
  ืฉืœื•ื ืขื•ืœื!
</div>

// ืชื•ืฆืื”: '10%'
<div style={{ height: '10%' }}>
  ืฉืœื•ื ืขื•ืœื!
</div>

ืœื ื›ืœ ืžืืคื™ื™ื ื™ ื”ืขื™ืฆื•ื‘ ืžื•ืžืจื™ื ืœืžื—ืจื•ื–ื•ืช ืคื™ืงืกืœื™ื. ื›ืžื” ืžื”ื ื ืฉืืจื™ื ืœืœื ื™ื—ื™ื“ืช ืžื™ื“ื” (ืœื“ื•ื’ืžื” zoom, order, flex). ืจืฉื™ืžื” ืžืœืื” ืฉืœ ืžืืคื™ื™ื ื™ื ืœืœื ื™ื—ื™ื“ื•ืช ืžื™ื“ื” ื ืžืฆืืช ื›ืืŸ.

suppressContentEditableWarning

ื‘ื“ืจืš ื›ืœืœ, ื™ืฉื ื” ืื–ื”ืจื” ื›ืฉืืœืžื ื˜ ืขื ื™ืœื“ื™ื ืžืกื•ืžืŸ ื›-contentEditable, ื‘ื’ืœืœ ืฉื–ื” ืœื ื™ืขื‘ื•ื“. ืชื›ื•ื ื” ื–ื• ืขื•ืฆืจืช ืืช ื”ืื–ื”ืจื”. ืืœ ืชืฉืชืžืฉ ื‘ื–ื” ืืœื ืื ืืชื” ื‘ื•ื ื” ืกืคืจื™ื™ื” ื›ืžื• Draft.js ืฉืžื ื”ืœืช contentEditable ื‘ืื•ืคืŸ ื™ื“ื ื™.

suppressHydrationWarning

ืื ืืชื” ืžืฉืชืžืฉ ื‘ืจื™ื ื“ื•ืจ ื‘ืฆื“-ืฉืจืช ื‘-React, ื‘ื“ืจืš ื›ืœืœ ื™ืฉ ืื–ื”ืจื” ื›ืฉื”ืฉืจืช ื•ื”ืœืงื•ื— ืžืจื ื“ืจื™ื ืชื•ื›ืŸ ืฉื•ื ื”. ืœืขื•ืžืช ื–ืืช, ื‘ืžืงืจื™ื ื ื“ื™ืจื™ื, ื–ื” ืงืฉื” ืžืื•ื“ ืขื“ ื‘ืœืชื™ ืืคืฉืจื™ ืœื”ื‘ื˜ื™ื— ืชื•ืฆืื” ื–ื”ื”. ืœื“ื•ื’ืžื”, ื—ื•ืชืžื•ืช ื–ืžืŸ ืืžื•ืจื•ืช ืœื”ื™ื•ืช ืฉื•ื ื•ืช ื‘ืฉืจืช ื•ื‘ืœืงื•ื—.

<<<<<<< HEAD ืื ืืชื” ืงื•ื‘ืข ืืช suppressHydrationWarning ื›-true, React ืœื ืชื–ื”ื™ืจ ืื•ืชืš ืœื’ื‘ื™ ืื™ ื”ืชืืžื” ื‘ืชื›ื•ื ื•ืช ื•ื‘ืชื•ื›ืŸ ืฉืœ ื”ืืœืžื ื˜. ื“ื‘ืจ ื–ื” ืขื•ื‘ื“ ื‘ืขื•ืžืง ืฉืœ ืจืžื” ืื—ืช ื‘ืœื‘ื“, ื•ืžื™ื•ืขื“ ืœืฉื™ืžื•ืฉ ื›ืคืชื— ืžื™ืœื•ื˜. ืืœ ืชืฉืชืžืฉ ื‘ื–ื” ื™ื•ืชืจ ืžื“ื™. ื ื™ืชืŸ ืœืงืจื•ื ืขื•ื“ ืขืœ hydration ื‘-ReactDOM.hydrate() documentation. ======= If you set suppressHydrationWarning to true, React will not warn you about mismatches in the attributes and the content of that element. It only works one level deep, and is intended to be used as an escape hatch. Donโ€™t overuse it. You can read more about hydration in the ReactDOM.hydrateRoot() documentation.

84ad3308338e2bb819f4f24fa8e9dfeeffaa970b

value

ืชื›ื•ื ืช ื”-value ื ืชืžื›ืช ืขืœ ื™ื“ื™ ื”ืงื•ืžืคื•ื ื ื˜ื•ืช <input>, <select> ื•-<textarea>. ื ื™ืชืŸ ืœื”ืฉืชืžืฉ ื‘ื” ื›ื“ื™ ืœืงื‘ื•ืข ืืช ืขืจืš ื”ืงื•ืžืคื•ื ื ื˜ื”. ื–ื” ืฉื™ืžื•ืฉื™ ืœื‘ื ื™ื™ืช ืงื•ืžืคื•ื ื ื˜ื•ืช ื ืฉืœื˜ื•ืช. defaultValue ื”ื•ื ื”ืžืงื‘ื™ืœ ื”ื‘ืœืชื™ ื ืฉืœื˜, ืฉืงื•ื‘ืข ืืช ืขืจืš ื”ืงื•ืžืคื•ื ื ื˜ื” ื›ืฉื”ื™ื mounted ืœืจืืฉื•ื ื”.

ื›ืœ ืชื›ื•ื ื•ืช ื”-HTML ื”ื ืชืžื›ื•ืช:

ื”ื—ืœ ืž-React 16, ื›ืœ ืชื›ื•ื ืช DOM ืกื˜ื ื“ืจื˜ื™ืช ืื• ืžื•ืชืืžืช ืื™ืฉื™ืช, ื ืชืžื›ืช ื‘ืื•ืคืŸ ืžืœื.

React ืชืžื™ื“ ืกื™ืคืงื” ืžืžืฉืง ืžืฉืชืžืฉ ืžืžื•ืงื“ JavaScript ืœ-DOM. ืžื›ื™ื•ื•ืŸ ืฉืงื•ืžืคื•ื ื ื˜ื•ืช React ื‘ื“ืจืš ื›ืœืœ ืžืงื‘ืœื•ืช ื’ื props ืžื•ืชืืžื•ืช ืื™ืฉื™ืช ื•ื’ื ื›ืืœื” ืฉืงืฉื•ืจื•ืช ืœ-DOM, React ืžืฉืชืžืฉืช ื‘ืžื•ืกื›ืžืช ื”-camelCase ื‘ื“ื™ื•ืง ื›ืžื• ืžืžืฉืงื™ ื”ืžืฉืชืžืฉ ืฉืœ ื”-DOM:

<div tabIndex={-1} />      // ื›ืžื• node.tabIndex DOM API
<div className="Button" /> // ื›ืžื• node.className DOM API
<input readOnly={true} />  // ื›ืžื• node.readOnly DOM API

ื”-props ื”ืœืœื• ืขื•ื‘ื“ื™ื ื‘ืื•ืคืŸ ื“ื•ืžื” ืœืชื›ื•ื ื•ืช ื”-HTML ื”ืžืงื‘ื™ืœื•ืช, ืขื ื”ื•ืฆืื” ืžืŸ ื”ื›ืœืœ ืฉืœ ื”ืžืงืจื™ื ื”ืžื™ื•ื—ื“ื™ื ื”ืžืชื•ืขื“ื™ื ืœืขื™ืœ.

ื—ืœืง ืžืชื›ื•ื ื•ืช ื”-DOM ื”ื ืชืžื›ื•ืช ืขืœ ื™ื“ื™ React ื›ื•ืœืœื•ืช:

accept acceptCharset accessKey action allowFullScreen alt async autoComplete
autoFocus autoPlay capture cellPadding cellSpacing challenge charSet checked
cite classID className colSpan cols content contentEditable contextMenu controls
controlsList coords crossOrigin data dateTime default defer dir disabled
download draggable encType form formAction formEncType formMethod formNoValidate
formTarget frameBorder headers height hidden high href hrefLang htmlFor
httpEquiv icon id inputMode integrity is keyParams keyType kind label lang list
loop low manifest marginHeight marginWidth max maxLength media mediaGroup method
min minLength multiple muted name noValidate nonce open optimum pattern
placeholder poster preload profile radioGroup readOnly rel required reversed
role rowSpan rows sandbox scope scoped scrolling seamless selected shape size
sizes span spellCheck src srcDoc srcLang srcSet start step style summary
tabIndex target title type useMap value width wmode wrap

ื‘ืื•ืคืŸ ื“ื•ืžื”, ื›ืœ ืชื›ื•ื ื•ืช ื”-SVG ื ืชืžื›ื•ืช ื‘ืื•ืคืŸ ืžืœื:

accentHeight accumulate additive alignmentBaseline allowReorder alphabetic
amplitude arabicForm ascent attributeName attributeType autoReverse azimuth
baseFrequency baseProfile baselineShift bbox begin bias by calcMode capHeight
clip clipPath clipPathUnits clipRule colorInterpolation
colorInterpolationFilters colorProfile colorRendering contentScriptType
contentStyleType cursor cx cy d decelerate descent diffuseConstant direction
display divisor dominantBaseline dur dx dy edgeMode elevation enableBackground
end exponent externalResourcesRequired fill fillOpacity fillRule filter
filterRes filterUnits floodColor floodOpacity focusable fontFamily fontSize
fontSizeAdjust fontStretch fontStyle fontVariant fontWeight format from fx fy
g1 g2 glyphName glyphOrientationHorizontal glyphOrientationVertical glyphRef
gradientTransform gradientUnits hanging horizAdvX horizOriginX ideographic
imageRendering in in2 intercept k k1 k2 k3 k4 kernelMatrix kernelUnitLength
kerning keyPoints keySplines keyTimes lengthAdjust letterSpacing lightingColor
limitingConeAngle local markerEnd markerHeight markerMid markerStart
markerUnits markerWidth mask maskContentUnits maskUnits mathematical mode
numOctaves offset opacity operator order orient orientation origin overflow
overlinePosition overlineThickness paintOrder panose1 pathLength
patternContentUnits patternTransform patternUnits pointerEvents points
pointsAtX pointsAtY pointsAtZ preserveAlpha preserveAspectRatio primitiveUnits
r radius refX refY renderingIntent repeatCount repeatDur requiredExtensions
requiredFeatures restart result rotate rx ry scale seed shapeRendering slope
spacing specularConstant specularExponent speed spreadMethod startOffset
stdDeviation stemh stemv stitchTiles stopColor stopOpacity
strikethroughPosition strikethroughThickness string stroke strokeDasharray
strokeDashoffset strokeLinecap strokeLinejoin strokeMiterlimit strokeOpacity
strokeWidth surfaceScale systemLanguage tableValues targetX targetY textAnchor
textDecoration textLength textRendering to transform u1 u2 underlinePosition
underlineThickness unicode unicodeBidi unicodeRange unitsPerEm vAlphabetic
vHanging vIdeographic vMathematical values vectorEffect version vertAdvY
vertOriginX vertOriginY viewBox viewTarget visibility widths wordSpacing
writingMode x x1 x2 xChannelSelector xHeight xlinkActuate xlinkArcrole
xlinkHref xlinkRole xlinkShow xlinkTitle xlinkType xmlns xmlnsXlink xmlBase
xmlLang xmlSpace y y1 y2 yChannelSelector z zoomAndPan

ื ื™ืชืŸ ื’ื ืœื”ืฉืชืžืฉ ื‘ืชื›ื•ื ื•ืช ืฉืžื•ืชืืžื•ืช ื‘ืื•ืคืŸ ืื™ืฉื™, ื›ืœ ืขื•ื“ ื”ืŸ ื‘ืื•ืชื™ื•ืช ืงื˜ื ื•ืช.