ES6 uygulamasında yeniyim. React bileşenini yazmak için farklı yollarla biraz kafanız karıştı. Bir "React.createClass" ile başladım ve daha sonra ES6 sınıfları sözdizimi ile "React.Component'i" genişletmek için taşındım. OnlarınRefactor işlevinden bir tepkime bileşenini ES6 sınıfına getir
import React, { PropTypes } from 'react'
const Todo = ({ onClick, completed, text }) => (
<li onClick={onClick} style={{ textDecoration: completed ? 'line-through' : 'none' }} >
{text}
</li>
)
Todo.propTypes = {
onClick: PropTypes.func.isRequired,
completed: PropTypes.bool.isRequired,
text: PropTypes.string.isRequired
}
export default Todo
Nasıl bu "işlevini" React.component uzanan ES6 sınıfına hareket planı ayrı bu şekilde bileşenlerini tanımlamak bakın şimdi Redux öğretici ardından
? Geri dönüş JSX render() yöntemi, sanırım değil mi? OnClick tamamlandı, metin bağımsız değişkenleri nedir?
Bu tam olarak ne yapılması gerektiği. Sadece bir bileşeni bir ES6 sınıfı olarak yazabildiğiniz için, tüm bileşenlerin * sınıflar olması gerektiği anlamına gelmez. –
Çözümünüzü destekliyorum. Bileşenindeki provalar için PropTypes.shape kullanmanız gerekmeyeceğini bilmiyorum. –
Aşağıdaki soruları yanıtlamaktan kaçının: "X'i yapmanın en iyi yolu ABC gibidir, bu yüzden burada ABC'dir" - Saf işlev sürümünün bir ES6 sürümünü istemişti. – holografix