Skip to Content
Menu
You need to be registered to interact with the community.
This question has been flagged
1 Odgovori
2701 Prikazi

I have 2 Component Child like this

Js:

export class QT3Form extends Component {
static props = {
handleSubmit: {type: Function}
}
static template = "website_qt3.form"
}

export class QT3Input extends Component {
static props = {
title: {type: String},
type: {type: String},
id: {type: String},
model: {type: String},
required: {type: Boolean}
}
static template = "website_qt3.input"
}

xml:




Submit










And this is the parent component when I use it

JS:

class Parent extends Component {
    static components = {QT3Form, QT3Input}

    setup() {
        super.setup();
        this.state = useState({
            form: {
                name: '',
                sex: 'male',
                age: 0,
                files: []
            },
        })
    }

    handleSubmit = async (e) => {
        e.preventDefault()
       ...something code
    }
}

xml:



As of now, I can only pass the handleSubmit prop to the Form component, but the Input component does not receive props other than the model (only model props are passed to the Input and title, type,... are not received).

What is this error and how to fix it, thanks all

Avatar
Opusti
Avtor Best Answer


.

Avatar
Opusti
Related Posts Odgovori Prikazi Aktivnost
1
avg. 24
2681
2
maj 25
24440
1
jun. 24
3285
2
maj 24
1804
2
apr. 24
5219