Преобразование const в класс в React Native?

я следующие функциональные возможности в React родного приложенияПреобразование const в класс в React Native?

const GreenWood = ({x,y,z,f1,f2, f3}) => { 
    ... 
}

Мне нужно, чтобы преобразовать его в класс

class GreenWood extends Component { 
    constructor(props) { 
     super(props); 
    } 
    ... 
}

Но мой реквизит х, у, й не определены. Как продвигать их?

источник

2017-01-12 Sigrlami

Могу ли я советую читать следующий [руководство] (https://facebook.github.io/react/docs/components-and-props.html), и [это возможно связанный с этим вопрос] (HTTP://stackoverflow.com/questions/38202572/understanding-react-redux-and-mapstatetoprops) и глядя в mapDispatchToProps? – Hodrobond

Ну, я читал это руководство, он описывает «функциональный» способ, с которого я пытаюсь перейти, но не тот, который мне нужен. Кроме того, я не использую Redux, просто создаю компонент и хочу перенаправить некоторые реквизиты. На других языках это обычно делается в конструкторах. – Sigrlami

Я предполагаю, что у вас есть функциональный компонент GreenWood, который возвращает некоторый JSX.

class Greenwood extends React.Component { 
    constructor(props) { 
    super(props) 
    //...whatever construction you need 
    } 
    render() { 
    const { x, y, z, f1, f2, f3 } = this.props 
    return // your JSX Here 
    } 
}

источник

2017-01-13 02:38:19

Да, делает ui – Sigrlami

Я не думаю, что вы можете разрушить реквизит на занятиях. Вы должны добавить this.props перед всеми этими переменными, или внутри метода вы используете это сделать:

var { x, y, z, f1, f2, f3 } = this.props

или просто поставить те, которые вы используете внутри этого метода.

источник

2017-01-13 00:24:59

Могу ли я сделать это после супер в конструкторе? Я попытался сделать это. X = props.x; но без успеха – Sigrlami

Вы можете сделать this.x = this.props.x, так как вы преобразовали в класс, вам нужно поставить «это» перед реквизитами. –

Преобразование const в класс в React Native?

ответ

Смежные вопросы